Flutter——页面风格设置

最新推荐文章于 2026-05-05 23:45:43 发布

原创最新推荐文章于 2026-05-05 23:45:43 发布 · 2.2k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Android 同时被 3 个专栏收录

28 篇文章

订阅专栏

Flutter

18 篇文章

订阅专栏

Flutter开发入门到实战

14 篇文章

订阅专栏

博客给出了一段代码，用于在Android平台进行页面系统UI的显示设置。代码中设置了系统UI覆盖样式，包括状态栏颜色为透明、虚拟按键颜色为红色，还能控制状态栏及虚拟按键的显示与隐藏。

if (Platform.isAndroid) {
    //页面显示设置
    SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(
      statusBarColor: Colors.transparent,
//虚拟按键颜色
        systemNavigationBarColor: Colors.red
    );
    //去掉状态栏及虚拟按键
    SystemChrome.setEnabledSystemUIOverlays([]);
    //显示状态栏和虚拟按键，默认是这个情况
   SystemChrome.setEnabledSystemUIOverlays([
      SystemUiOverlay.top, SystemUiOverlay.bottom    ]);
    SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
  }