如何在jetpack compose中的安全區域上繪畫？

Question

我也在嘗試用漸變繪制深藍色區域。

.

我基本上是在尋找ignoreSafeArea (iOS SwiftUI)

相當於 Jetpack Compose。 我可以嘗試用我用於漸變的相同藍色陰影來繪制該條，但我認為這不是最好的解決方案。

我曾嘗試更改appBar顏色，但結果不是我想要的。

Answer 1

這個欄是 Android 狀態欄。
要在 Jetpack Compose 中更改其顏色，您可以使用 Google Accompanist庫，特別是System UI Controller 。

System UI Controller 提供易於使用的實用程序，用於更新 Jetpack Compose 中的系統 UI 欄顏色。

特別是setSystemBarsColor或setStatusBarColor函數。

systemUiController.setStatusBarsColor(
    color = Color.Transparent, //set your color here
    darkIcons = true
)

然后，要在狀態欄區域下繪制，您可以使用MainActivity的WindowCompat

WindowCompat.setDecorFitsSystemWindows(window, false)

setContent {
    MyApp(
      ...
    )
}

為了防止內容（如 AppBar）進入系統圖標下，我通過設置一個帶有從 Accompanist Scaffold 傳遞的頂部填充的 Box 使用了Inset-aware 布局。

Box(Modifier.padding(top = contentPadding.calculateTopPadding())) {
   // my app content
}