Jetpack Compose 中如何实现全面屏 - SharpCJ
内容提要
本文讨论了在 Android Compose 中实现全面屏的方法，重点介绍了状态栏和导航栏的透明化处理。通过代码示例，说明了如何调整主题和背景颜色，以确保内容不被系统栏遮挡，并保持一致的视觉效果。使用 Modifier.systemBarsPadding() 可以轻松实现这一目标。
延伸解读
全面屏的本质与 Compose 的关联
文章指出，设置全面屏本质上是系统窗口的行为，与 View 和 Compose 无关。因此，在 Compose 中实现全面屏时，底层原理和 API 与传统 View 完全一致，例如 WindowCompat.setDecorFitsSystemWindows 和 WindowCompat.getInsetsController 等。区别仅在于 Compose 的代码组织方式，比如通过 SideEffect 在组合中访问 Window 对象。理解这一点有助于开发者避免将平台行为误认为框架特性。
透明系统栏与内容延伸的关键设置
文章通过代码示例展示了如何将状态栏和导航栏颜色设置为透明，并调用 WindowCompat.setDecorFitsSystemWindows(window, false) 让内容延伸到系统栏下方。同时，通过 isAppearanceLightStatusBars 控制图标明暗，以及 isNavigationBarContrastEnforced = false 去除导航栏默认的半透明遮罩。这些设置共同确保了系统栏与内容背景的视觉一致性，是全面屏体验的基础步骤。
避免内容遮挡：systemBarsPadding 的便捷之处
内容延伸到系统栏下方后，可能被状态栏或导航栏遮挡。文章提出的解决思路是给顶层 View 设置背景色，并添加与系统栏等高的 padding。在 Compose 中，这一操作被简化为 Modifier.systemBarsPadding()，它会自动为组件添加上下内边距，分别对应状态栏和导航栏的高度。相比传统 View 的 fitsSystemWindows 方案，Compose 的 Modifier 方式更声明式且易于组合。
Q&A
如何在 Jetpack Compose 中实现全面屏效果？
在 Jetpack Compose 中，可以通过设置状态栏和导航栏为透明，并使用 WindowCompat.setDecorFitsSystemWindows(window, false) 来实现全面屏效果。
使用 Modifier.systemBarsPadding() 有什么作用？
Modifier.systemBarsPadding() 用于简化状态栏和导航栏的处理，确保内容不会被系统栏遮挡。
在 Compose 中如何设置状态栏和导航栏的颜色？
可以通过设置 window.statusBarColor 和 window.navigationBarColor 为 Color.TRANSPARENT 来将状态栏和导航栏设置为透明。
为什么在 Compose 中实现全面屏与传统 View 有所不同？
虽然原理相同，但在 Compose 中的实现方式和 API 使用上有所区别，因此需要特别处理。
如何避免内容被系统栏遮挡？
可以通过设置顶层 View 的背景颜色，并使用 padding 调整内容位置，确保内容不被系统栏遮挡。
在 Jetpack Compose 中如何处理系统栏的透明化？
通过设置状态栏和导航栏为透明，并使用 WindowCompat.setDecorFitsSystemWindows(window, false) 来处理系统栏的透明化。
