欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

Flutter SystemChrome控制应用程序的系统级别行为,

来源: 开发者 投稿于  被查看 22346 次 评论:225

Flutter SystemChrome控制应用程序的系统级别行为,


SystemChrome

SystemChrome 是 Flutter 提供的一个类,用来控制应用程序的系统级别行为,如设置全屏,状态栏等。

  • 设置状态栏透明
SystemChrome.setSystemUIOverlayStyle(
  SystemUiOverlayStyle(
    statusBarColor: Colors.transparent,
    statusBarIconBrightness: Brightness.dark, // 状态栏图标亮色
  ),
);

通过 setSystemUIOverlayStyle 设置状态栏的透明背景和黑色图标。

  • 修改状态栏文字颜色为白色
SystemChrome.setSystemUIOverlayStyle(
  SystemUiOverlayStyle.dark.copyWith(
    statusBarIconBrightness: Brightness.light,
  ),
);

通过 setSystemUIOverlayStyle 将状态栏的文字颜色修改为白色。

  • 隐藏底部导航栏
SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);

通过 setEnabledSystemUIOverlays 隐藏底部导航栏,只显示状态栏。

  • 禁止横屏
SystemChrome.setPreferredOrientations([
  DeviceOrientation.portraitUp,
  DeviceOrientation.portraitDown,
]);

通过 setPreferredOrientations 禁止屏幕横屏,只允许竖屏。

  • 设置全屏模式
SystemChrome.setEnabledSystemUIOverlays([]);

通过 setEnabledSystemUIOverlays 设置全屏模式,即隐藏状态栏、设置面板和导航栏。

  • 设置状态栏高亮模式
SystemChrome.setSystemUIOverlayStyle(
  SystemUiOverlayStyle.light,
);

通过 setSystemUIOverlayStyle 将状态栏的图标和文字设置为浅色。

以上就是Flutter SystemChrome用来控制应用程序的系统级别行为的详细内容,更多关于Flutter SystemChrome的资料请关注3672js教程其它相关文章!

您可能感兴趣的文章:
  • Flutter SystemChrome使用方法详解
  • Flutter ScrollController滚动监听及控制示例详解
  • Flutter控制组件显示和隐藏三种方式详解
  • Flutter 控制屏幕旋转的实现

用户评论