如何修复键盘和 ModalBottomSheet(Compose、material3) 之间的空间?我将焦点放在 TextField 上,键盘出现后遇到了问题。
androidx.compose.material3:material3:1.1.1
@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun RenameBottomSheet(
newPersonalizedName: MutableState<String>,
showState: MutableState<Boolean>,
onConfirmClick: () -> Unit
) {
val bottomSheetState = rememberModalBottomSheetState(skipPartiallyExpanded = true)
val suffix = "${newPersonalizedName.value.length}/30"
DragHandleBottomSheet(
bottomSheetState = bottomSheetState,
showState = showState,
dragHandle = {
BottomSheetHeader(
iconResId = R.drawable.ic_edit,
titleResId = R.string.rename
)
}) {
Column(
modifier = Modifier
.background(Theme.colorScheme.bottomBarBackgroundColor)
.padding(16.dp),
horizontalAlignment = Alignment.CenterHorizontally
) {
InputTextField(
modifier = Modifier.fillMaxWidth(),
text = newPersonalizedName.value,
onValueChange = { if (it.length <= 30) newPersonalizedName.value = it },
label …Run Code Online (Sandbox Code Playgroud) kotlin android-jetpack-compose android-jetpack-compose-material3