flutter 设置android状态栏为透明的沉浸

最新推荐文章于 2025-01-17 03:47:11 发布

原创最新推荐文章于 2025-01-17 03:47:11 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

本文为博主原创文章，未经博主允许不得转载。

文章标签：

#flutter #状态栏 #沉浸

flutter 专栏收录该内容

72 篇文章

订阅专栏

本文介绍了一种在Android应用中实现状态栏透明效果的方法。通过在组件渲染后设置SystemUiOverlayStyle，可以使得状态栏变为透明，从而实现沉浸式体验。此方法避免了MaterialApp组件对设置值的覆盖。

//设置android状态栏为透明的沉浸
_setAndroidSystemBar() {
  if (Platform.isAndroid) {
    // 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后，是为了在渲染后进行set赋值，覆盖状态栏，写在渲染之前
    // MaterialApp组件会覆盖掉这个值。
    SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(
        statusBarColor: Colors.transparent,
        statusBarIconBrightness: Brightness.dark);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }
}