Jetpack Compose 实现沉浸式状态栏
compose
compose - Docker Compose是一个用于定义和运行多容器Docker应用程序的工具,通过Compose文件格式简化应用部署过程。
项目地址:https://gitcode.com/gh_mirrors/compose/compose
免费下载资源
·
项目场景:
Jetpack Compose 实现沉浸式状态栏
实现效果:
前
后
实现步骤:
第一步:
添加依赖
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"
若为gradle.kts中添加依赖则改为:
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)
若使用Material3则使用:
rememberSystemUiController().setStatusBarColor(Color.Transparent, darkIcons = true)
添加位置如下:
GitHub 加速计划 / compose / compose
33.28 K
5.15 K
下载
compose - Docker Compose是一个用于定义和运行多容器Docker应用程序的工具,通过Compose文件格式简化应用部署过程。
最近提交(Master分支:3 个月前 )
43ac1e31
Signed-off-by: Trevor Foster <trevorfoster19@gmail.com>
1 天前
5561a778
full diff: https://github.com/docker/cli/compare/8d1bacae3e49...v27.4.0-rc.2
Signed-off-by: Sebastiaan van Stijn <github@gone.nl>
6 天前
更多推荐
已为社区贡献1条内容
所有评论(0)