Android：如何让BottomSheetDialog中的按钮显示在键盘上方？

1. 移除错误样式配置，正确设置软键盘模式 #

你之前的样式里设置了android:windowIsFloating="false"，这会破坏BottomSheetDialog的默认布局逻辑，导致弹窗异常。先移除这个属性，同时确保软键盘模式配置正确：

样式文件修改： #

<style name="MyBottomSheetDialogStyle" parent="Theme.Material3.BottomSheetDialog">
    <item name="bottomSheetStyle">@style/bottomSheetStyleWrapper</item>
    <item name="colorPrimaryDark">@color/primary</item>
    <item name="colorAccent">@color/primary_light</item>
    <item name="android:windowSoftInputMode">adjustResize</item>
    <!-- 移除 android:windowIsFloating 属性 -->
</style>

或者直接在代码中配置： #

如果样式不生效，可直接在onCreateDialog里设置软键盘模式：

override fun onCreateDialog(savedInstanceState: Bundle?): Dialog {
    return BottomSheetDialog(requireContext(), R.style.MyBottomSheetDialogStyle).apply {
        window?.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE)
    }
}

2. 正确为Composable根布局添加imePadding() #

之前添加imePadding()导致弹窗异常，是因为错误样式干扰了布局。修复样式后，将imePadding()添加到底部弹窗内容的根布局上，确保键盘弹出时内容自动上移：

@Composable
fun MyBottomSheetContent() {
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .imePadding() // 关键：添加在根布局
            .padding(horizontal = 16.dp, vertical = 24.dp),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.spacedBy(16.dp)
    ) {
        Text(
            text = "弹窗标题",
            style = MaterialTheme.typography.titleLarge
        )
        OutlinedTextField(
            value = "",
            onValueChange = {},
            label = { Text("请输入内容") },
            modifier = Modifier.fillMaxWidth()
        )
        Button(
            onClick = {},
            modifier = Modifier.fillMaxWidth()
        ) {
            Text("确认")
        }
    }
}

3. 确保ComposeView的布局参数正确 #

在onCreateView中为ComposeView设置正确的布局参数，避免尺寸异常：

override fun onCreateView(
    inflater: LayoutInflater,
    container: ViewGroup?,
    savedInstanceState: Bundle?,
): View {
    return ComposeView(requireContext()).apply {
        layoutParams = ViewGroup.LayoutParams(
            ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT
        )
        setContent {
            MyTheme {
                MyBottomSheetContent()
            }
        }
    }
}

4. 额外排查：配置BottomSheet行为 #

如果以上方法仍未生效，可手动设置BottomSheet的行为，确保它能响应键盘变化：

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val bottomSheetDialog = dialog as BottomSheetDialog
    val bottomSheet = bottomSheetDialog.findViewById<View>(com.google.android.material.R.id.design_bottom_sheet)
    bottomSheet?.let {
        val behavior = BottomSheetBehavior.from(it)
        behavior.isFitToContents = true
        behavior.state = BottomSheetBehavior.STATE_EXPANDED
    }
}

内容的提问来源于stack exchange，提问作者testivanivan