lbenevento

YourAppTheme {
    val coroutineScope = rememberCoroutineScope()
    val sheetState = rememberModalBottomSheetState(
        initialvalue = ModalBottomSheetValue.Hidden
    )
    
    ModalBottomSheetLayout(
        sheetContent = { YourSheetContent() },
        sheetState = sheetState
    ) {

lbenevento

// Accompanist Insets
implementation 'com.google.accompanist:accompanist-insets:0.17.0'

lbenevento

WindowCompat.setDecorFitsSystemWindows(window, false)

setContent {
    //...
}

lbenevento

<!-- Status bar color. -->
<item name="android:statusBarColor">@android:color/transparent</item>

lbenevento

    // System UI Controller
    implementation "com.google.accompanist:accompanist-systemuicontroller:0.17.0"

lbenevento

fun YourTheme(
    darkTheme: Boolean = isSystemInDarkTheme(),
    content: @Composable () -> Unit
) {
    val systemUiController = rememberSystemUiController()
    systemUiController.setStatusBarColor(Color.Transparent)
    
    MaterialTheme(
        content = content
    )

lbenevento

ModalBottomSheetLayout(
    sheetContent = { SheetContent() },
    sheetState = sheetState
) {
    Column {
        Spacer(modifier = Modifier
            .background(MaterialTheme.colors.primary)
            .statusBarsHeight()
            .fillMaxWidth()
        )

lbenevento

setContent {
    ModalBottomSheetTheme {
        ProvideWindowInsets {
            Content()
        }
    }
}

lbenevento

<!-- Navigation bar color -->
<item name="android:navigationBarColor">@android:color/transparent</item>
<item name="android:windowLightNavigationBar">true</item> // Requires API level 27

lbenevento

systemUiController.setNavigationBarColor(
    color = Color.Transparent,
    darkIcons = true,
    navigationBarContrastEnforced = false
)