Jetpack Compose 实现沉浸式状态栏

项目场景:

Jetpack Compose 实现沉浸式状态栏


实现效果:

Jetpack Compose 实现沉浸式状态栏_第1张图片

Jetpack Compose 实现沉浸式状态栏_第2张图片

实现步骤:

第一步:
添加依赖

	implementation "com.google.accompanist:accompanist-insets:0.15.0"
    implementation "com.google.accompanist:accompanist-insets-ui:0.15.0"
    implementation "com.google.accompanist:accompanist-systemuicontroller:0.15.0"

第二步:
在Activity的onCreate中添加:

window.setDecorFitsSystemWindows(false)

此时已经实现了不再为状态栏与导航栏预留位置(即与页面重叠),但状态栏与导航栏会遮挡


第二步:
将导航栏设为透明

rememberSystemUiController().setStatusBarColor(Color.Transparent, darkIcons = MaterialTheme.colors.isLight)

添加位置如下:
Jetpack Compose 实现沉浸式状态栏_第3张图片


你可能感兴趣的:(android,android,jetpack,kotlin)