Jetpack Compose Basic #4

Scaffold, Textfield, Button, 구조분해, SnackBar, 코루틴

 

Textfield의 value값이 동적으로 변화하려면? 

-> 변수화 해야함. 

 

Example

setContent {
    val testValue = remember {
        mutableStateOf("")
    }
    Column(
        modifier = Modifier.fillMaxSize(),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally,
    ) {
        TextField(
            value = testValue.value,
            onValueChange = {
                            testValue.value = it
            },
        )
        Button(onClick = {}) {
            Text("click!")
        }
    }
}

 

구조 분해 기법

val (text, setValue) = remember {
    mutableStateOf("")
}
    TextField(
        value = text,
        onValueChange = setValue,
    )

 

Scaffold : SnackBar 사용하기 위해서 감싸줘야함. 

*Scaffold 설정 시, padding 기본 값 설정해줘야만 함. padding(it)

 

suspend 가 들어간 경우, 코루틴에서 실행을 해야 함. 

간단하게 사용 시, scope 선언 해야함. rememberCoroutineScope 사용

 

키보드 때문에 안보이니까, 키보드 내리기

val keyboardController = LocalSoftwareKeyboardController.current

// nullable
keyboardController?.hide()