Flutter状态栏颜色设置

最新推荐文章于 2024-05-27 15:19:04 发布
最新推荐文章于 2024-05-27 15:19:04 发布
阅读量5.1k 收藏 2
点赞数 1
文章标签： flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AnHuiKeJiXueYuanGIS/article/details/124292344
版权

一、设置单个页面状态栏

SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
      statusBarColor: Color(0xFFF2F3F7),        //状态栏背景颜色
      statusBarIconBrightness: Brightness.dark  // dark:一般显示黑色   light：一般显示白色
));

对于单个页面只需在  initState  或  build 方法中添加上述代码即可

Africa小农民
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
flutter 设置状态栏颜色背景
NotesChapter
11-30 1532
flutter 动态改变状态颜色
Flutter 透明状态栏及字体颜色的设置方法
08-19
在上面的代码中，我们使用 `SystemUiOverlayStyle` 对象来设置状态栏样式，其中 `statusBarColor` 属性设置状态栏颜色为透明，`statusBarIconBrightness` 属性设置状态栏图标颜色为白色。 此外，在单个页面中，我们...
flutter 当Scaffold 不使用appBar 时，切换主题，状态栏图标 明暗色 不自动变化，导致与底色相同
最新发布
q515656712的博客
05-27 435
下图中实际状态栏并没有隐藏。为了整体效果页面采用了上下渐变拼接色，并且没有加appBar。这时候会出现状态栏图标并没有根据底色 进行反差显示。
flutter顶部状态栏背景颜色设置
weixin_62748668的博客
05-21 141
【代码】flutter顶部状态栏背景颜色设置。
Flutter 单独页面状态栏颜色改变backgroundColor和statusBarColor
QhappyfishQ的博客
02-22 4454
flutter backgroundColor和statusBarColor之间的使用
flutter 修改状态栏的颜色
tianhongfan10106的专栏
03-22 6357
在flutter载体页面，修改flutter页面的状态栏背景颜色，这两个方法就可以实现： /** * 6.0级以上的沉浸式布局 * */ public static void fitSystemBar(Activity activity) { if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) return; Window window = activi.
flutter状态栏的颜色设置
qq_36865892的博客
10-31 2380
一：整体设置状态栏颜色：(亲测暂时无效) void main() { runApp(MyApp()); //黑色 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark); ////白色 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle....
Flutter 设置状态栏颜色
卜卦的博客
09-08 413
import 'package:flutter/services.dart'; // 引包 void main() { //在runApp之前确保BoostFlutterBinding初始化 CustomFlutterBinding(); runApp(MyApp()); // 设置 状态栏为透明色 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle(statusBarColor: Colo
Flutter：改变手机状态栏颜色，与appBar状态颜色抱持一致
weixin_41897680的博客
11-12 1345
Flutter：改变手机状态栏颜色，与appBar状态颜色抱持一致
Flutter实现底部导航栏效果
08-27
接下来，我们需要定义主页面的状态和底部导航栏的内容。我们可以使用BottomNavigationBar widget来实现底部导航栏的效果。 ```dart class _MyHomePageState extends State<MyHomePage> { PageController ...
Flutter 滚动悬浮导航栏TabBar
02-11
例如，可以设置TabBar的动画效果、颜色、字体大小等。同时，NestedScrollView和PageView也支持多种滚动效果和交互，如弹性滚动、页面切换动画等。 总之，Flutter通过其强大的组件系统，使得实现滚动悬浮的导航栏变...
沉浸式状态栏（渐变透明）
08-31
大家都见过京东、手机淘宝、天猫、等一众APP，当滑动时发现状态栏都会有变化，就是沉浸式，这个例子就很好的给出了应用；
Flutter沉浸式状态栏/AppBar导航栏/仿咸鱼底部凸起导航栏效果
01-20
如下图：状态栏是指android...在flutter项目目录下找到android主入口页面MainActivity.kt或MainActivity.java，判断一下版本号然后将状态栏颜色修改设置成透明，因为他本身是黑色半透明。 MainActivity.kt路径：andro
Flutter 修改状态栏字体颜色
cilps的博客
04-30 761
Flutter 修改状态栏字体颜色欢迎使用Markdown编辑器新的改变 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 // An highlighted block var foo = 'bar'; ...
flutter设置statusbar状态栏的背景颜色和 APP（AppBar）内部颜色一致方法。
qq996150938的专栏
07-28 2851
flutter设置statusbar状态栏的背景颜色和 APP（AppBar）内部颜色一致方法。
Flutter 修改状态栏颜色
yangzongbin的专栏
08-20 862
void main() { runApp(MyApp()); if (Platform.isAndroid) { //设置状态栏颜色 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOverlayStyle( statusBarColor: Colors.transparent, //设置为透明 ); SystemChrome.setSystemUIOverlayStyle(systemUiOver.
flutter：修改状态栏颜色
weixin_43205520的博客
01-12 311
黑色 SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle.dark); 白色 SystemChrome.setSystemUIOverlayStyle( SystemUiOverlayStyle.light);
Flutter | 设置顶部状态栏的显示、隐藏、半透明灰色显示
^_^
11-25 3091
Flutter、设置顶部状态栏的显示、隐藏、半透明灰色显示。
Flutter修改状态栏的颜色
Mr_Tony的专栏
01-12 496
文章目录一、前言二、代码三、无法实现的功能 一、前言 实际开发中我们会遇到设置状态栏的问题，状态栏整体是比较简单的。但是有些功能是实现不了的，这里给出简单的代码演示，以及告诉哪些功能是实现不了的 二、代码 void main() async{ runApp(MyApp()); if (Platform.isAndroid) { // 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后，是为了在渲染后进行set赋值，覆盖状态栏，写在渲染之前MaterialApp组件会覆盖掉这个值
flutter 设置状态栏透明
08-30
要设置Flutter应用的状态栏为透明，可以按照以下步骤进行操作。 首先，在Flutter的项目中找到`pubspec.yaml`文件，在`dependencies`部分添加`flutter_statusbarcolor`插件的依赖。例如： ``` dependencies: flutter: sdk: flutter flutter_statusbarcolor: ^0.6.0 ``` 然后，在需要设置状态栏透明的页面中，导入`flutter_statusbarcolor`插件。例如： ```dart import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart'; ``` 接下来，调用`Statusbarcolor.setTransparent()`方法来设置状态栏为透明。例如： ```dart @override void initState() { super.initState(); setStatusBarColor(); } void setStatusBarColor() async { await FlutterStatusbarcolor.setStatusBarColor(Colors.transparent); FlutterStatusbarcolor.setStatusBarWhiteForeground(true); } ``` 在上述示例代码中，`setStatusBarColor()`方法被用于设置状态栏颜色。`setStatusbarColor()`方法将状态栏的颜色设置为透明，而`setStatusBarWhiteForeground()`方法则用于设置状态栏前景色为白色。 最后，运行Flutter应用，状态栏将会显示为透明的效果。 请注意，这个方法仅适用于Android平台。对于iOS平台，需要在Xcode中进行相关设置，详情请参考Flutter官方文档。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值