由于覆盖 fitsSystemWindows，Jetpack Compose 测试版无法全面升级

如何解决由于覆盖 fitsSystemWindows，Jetpack Compose 测试版无法全面升级

我已将我的应用程序的 Compose 从 1.0.0-alpha10 升级到当前最新的 1.0.0-beta03

我想在系统栏下方边到边地布置我的活动内容。

除其他外，我使用下面的代码告诉系统这个意图。

window?.run {
    WindowCompat.setDecorFitsSystemWindows(this,false)
}

这在以前的 Compose 版本中运行良好，但似乎 beta03（或可能是 alpha10 之后的早期版本）开始将 fitsSystemWindows 设置为 true 并且使上述代码无效。 （将它移到 setContent { } 下方也没有效果）

在布局资源管理器中，我可以看到 decorView 及其直接子 LinearLayout 现在有 fitsSystemWindows = true

我有以下代码作为临时解决方案，可用于获得预期的行为。

// code that used to work on alpha10        
window?.run {
    WindowCompat.setDecorFitsSystemWindows(this,false)
}

setContent {
   MyApp()
}

// temp workaround for beta03
window?.decorView?.fitsSystemWindows = false
window?.decorView?.allViews?.forEach { view ->
    view.fitsSystemWindows = false
}

这感觉就像我在与 Compose 对抗以获得所需的结果。

告诉 Compose 不要覆盖 fitsSystemWindows 的“正确”方法是什么？

解决方法

我目前使用以下方法实现了边缘到边缘：

首先在你的 res > 主题中删除操作栏；

<style name="Theme.app_android" parent="Theme.MaterialComponents.Light.NoActionBar">

然后在MainActivity中调用我的composable，之前设置WindowCompat如下图

class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    WindowCompat.setDecorFitsSystemWindows(window,false)
    setContent {
         App()
       }
    }
 }

然后使用 ProvideWindowInsets 函数记住在 SideEffect 函数中调用的 systemUiController，该函数将系统状态栏设置为透明

@Composable
fun App() {
    AppTheme {
        ProvideWindowInsets {
            val systemUiController = rememberSystemUiController()

            SideEffect {
                systemUiController.setSystemBarsColor(Color.Transparent,darkIcons = false)
            }

            val navController = rememberNavController()
            val coroutineScope = rememberCoroutineScope()
            val navBackStackEntry by 
            navController.currentBackStackEntryAsState()
            val currentRoute = navBackStackEntry?.destination?.route

            Scaffold() { innerPadding ->
                Box(modifier = Modifier.padding(innerPadding)) {
                    NavGraph(navController = navController)
                }
            }
        }
    }
}

如果您从此处复制撰写示例 https://github.com/android/compose-samples，它们会向您展示这种实现方式