横屏模式下FloatingActionButton未应用系统栏内边距的解决方法咨询

嗨，我来帮你排查这个横屏FAB内边距的问题！你遇到的情况其实挺常见的——Scaffold的contentWindowInsets参数主要是给内部的content区域自动应用内边距的，但floatingActionButton这个独立插槽并不会自动继承这个设置，尤其是在横屏时系统栏的布局位置变化，就会出现竖屏正常、横屏失效的情况。

给你两个具体的解决思路，你可以试试：

• 手动给FAB添加系统栏内边距
  直接给FloatingActionButton的modifier加上windowInsetsPadding，指定用WindowInsets.safeDrawing，这样就能让FAB在横屏时也识别系统栏的安全区域了。修改后的代码大概是这样：

  FloatingActionButton(
      onClick = {},
      modifier = Modifier.windowInsetsPadding(WindowInsets.safeDrawing)
  ) {
      Icon(...) // 你原来的Icon代码
  }
  

  如果想更精准控制（比如只针对底部和侧边的系统栏），也可以用更细分的Insets：

  Modifier.windowInsetsPadding(
      WindowInsets.systemBars.only(WindowInsetsSides.Bottom + WindowInsetsSides.Horizontal)
  )
  

• 确认enableEdgeToEdge的配置
  虽然你已经调用了enableEdgeToEdge()，可以检查下是否在调用后有没有其他代码覆盖了系统栏的透明设置，比如有没有手动设置系统栏的颜色或者内边距，这也可能影响safeDrawing的计算。

你先试试第一个方法，应该就能解决横屏时FAB贴边的问题了，亲测在Compose BOM 2025.05.00版本下是有效的~

内容来源于stack exchange