Compose - 키보드 닫기

1️⃣ import

import androidx.compose.foundation.layout.imePadding
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.ime
import androidx.compose.foundation.layout.isImeVisible
import androidx.compose.ui.platform.LocalDensity
import androidx.compose.ui.platform.LocalFocusManager

 

2️⃣ View에서 isKeyboardVisible와 focusManager를 정의하고 사용하기

@Composable
fun --View() {
    
    // 키보드가 열려있는지 확인하는 값
    val isKeyboardVisible = WindowInsets.ime.getBottom(LocalDensity.current) > 0
    
    // 키보드를 닫을 때 사용
    val focusManager = LocalFocusManager.current

    Column() {
    	TextField(
            // 코드
        )
        if (isKeyboardVisible) {
            ButtonView(
                onClick = {
                    focusManager.clearFocus(force = true)
                }
            )
        }
    }
}

 

++ 이런식으로 한 줄만 남기도록 할 때에는 키보드의 엔터 버튼을 완료버튼으로 바꾸고, 완료를 누르면 키보드가 내려가게 해도 됨

TextField(
            value = value,
            onValueChange = onValueChange,
            label = { Text(
                text = placeHolder,
                color = OurdayTheme.colors.gray23
            )},
            keyboardOptions = KeyboardOptions.Default.copy(
                imeAction = ImeAction.Done // 엔터 키를 "완료"로 변경
            ),
            keyboardActions = KeyboardActions(
                onDone = {
                    focusManager.clearFocus() // 엔터 누르면 키보드 내림
                }
            ),
            isError = showError,
            shape = RoundedCornerShape(10.dp),
            textStyle = CustomTypography.lee18,
            singleLine = true, // singleLine 설정
            maxLines = 1, // 최대 한 줄 설정
            modifier = Modifier.fillMaxWidth()
 )