Android Compose中ModalBottomSheet被导航按钮遮挡的解决方案咨询

以下是几种可行的解决方案：

• 组合自定义WindowInsets
  单一Insets类型可能无法覆盖所有设备的导航栏/刘海屏场景，尝试组合多个Insets：

  val customInsets = WindowInsets.navigationBars + WindowInsets.displayCutout
  ModalBottomSheet(
      onDismissRequest = { onDismiss() },
      windowInsets = customInsets
  ) {
      Column {
          itemList.forEachIndexed { index, item ->
              // 你的列表项实现
          }
      }
  }
  

  也可以直接使用WindowInsets.systemBars，它包含了导航栏和状态栏的Insets，适配性更全面。

• 手动添加底部内边距
  如果内置Insets参数不生效，手动获取导航栏高度并给内容设置底部内边距：

  val density = LocalDensity.current
  val navBarHeight = with(density) {
      WindowInsets.navigationBars.getBottom(density).toDp()
  }
  
  ModalBottomSheet(
      onDismissRequest = { onDismiss() },
      windowInsets = WindowInsets(0, 0, 0, 0) // 关闭默认Insets计算
  ) {
      Column(
          modifier = Modifier.padding(bottom = navBarHeight)
      ) {
          itemList.forEachIndexed { index, item ->
              // 你的列表项实现
          }
      }
  }
  

• 检查布局约束与升级依赖版本

  1. 确保BottomSheet的内容没有设置固定高度导致底部被截断，优先让内容自适应布局；
  2. 你当前使用的是1.2.0-beta02测试版本，这类Insets适配问题可能已在后续稳定版中修复，尝试升级到androidx.compose.material3:material3:1.2.0或更高稳定版本。

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