flutter 设置状态栏的颜色,背景appBar: AppBar( elevation: 0.5, brightness: Brightness.light,

Flutter 设置修改状态栏颜色 大部分App都会修改状态栏颜色的需求,Flutter开发的 App 也是支持的。 阅读详情

在有AppBar的界面,状态栏一般有Brightness.dark,和Brightness.light两种模式,分别是白色的导航栏字体颜色和黑色的字体颜色

 

appBar: AppBar(
        elevation: 0.5,
        brightness: Brightness.light,
        backgroundColor: Colors.white,
),

该种状态栏的背景色为白色,此时字体为黑色,   另一个值所对应的颜色刚好相反

 

可能我们会遇到有特殊的情况需要改变整个状态栏的背景色,比如绿色什么乱七八糟的颜色,此时有一个flutter_statusbarcolor的第三方可以满足我们的需求,

import 'package:flutter_statusbarcolor/flutter_statusbarcolor.dart';

//在main方法中
void main() async {
 runApp(MyApp(
    orLogin: orLogin,
  ));
  await FlutterStatusbarcolor.setStatusBarColor(Colors.green[400]);
  if (useWhiteForeground(Colors.green[400])) {
    FlutterStatusbarcolor.setStatusBarWhiteForeground(true);
  } else {
    FlutterStatusbarcolor.setStatusBarWhiteForeground(false);
  }
}

 

 

Flutter 解决内容区域滚动时会修改AppBar背景颜色问题 在flutter内容区域可以滚动时, 会发现AppBar的背景颜色变了, 比如白色的时候会变成浅灰色, 尝试修改成红色时, 颜色也会有变化., 个人感觉就像是上面有层遮罩一样, 即使修改了滚动区域的背景颜色, 也还存在这个情况, 最终在主题风格上修改成功了。被这个问题也给耽误了不少时间, 记录一下。 阅读详情

相关推荐

Flutter 透明状态栏及字体颜色的设置方法

主要介绍了Flutter 透明状态栏及字体颜色的设置方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

Flutter 单独页面状态栏颜色改变backgroundColor和statusBarColor

flutter backgroundColor和statusBarColor之间的使用

QhappyfishQ的博客 6054

1、Ovirt 开源虚拟化平台安装

Ovirt虚拟化Node和Engine安装

大鱼 6266

flutter 设置状态栏的颜色,背景appBar

flutter 设置状态栏的颜色,背景appBar: AppBar( elevation: 0.5, brightness: Brightness.light, 在有AppBar的界面,状态栏一般有Brightness.dark,和Brightness.light两种模式,分别是白色的导航栏字体颜色和黑色的字体颜色 appBar: AppBar( elevation: 0.5, brightness: Brightness.light, back...

梨子社区 2583

ArcGIS小白必看:5分钟搞定shp矢量文件分割(附常见错误排查)

本文为ArcGIS新手详细解析了分割shp矢量文件的四种核心方法:裁剪工具、分割工具、按属性选择导出及ArcPy脚本自动化。重点强调了投影匹配等关键步骤,并提供了常见错误排查指南,帮助用户快速掌握矢量数据分割技巧,提升GIS数据处理效率。

h9j8k7l6m5n的博客 798

使用Python,OpenCV查找图像中的最亮点

这篇博客展示了,为什么在图像中找到最亮的点之前应用高斯模糊是至关重要的。 通过应用高斯模糊,可以将每个给定半径内的像素平均在一起。取平均值可以去除高频噪声,否则会影响cv2.minMaxLoc函数的结果。 一定要研究高斯模糊半径的恰当值。如果取值太小,将会减轻平均值的影响,而忽略了更大、更亮的区域。但是如果半径太大,将无法探测到小的明亮区域。

qq_40985985的博客 3809

Flutter + OpenHarmony 夜间模式实战:主题切换与页面适配指南

暗色模式(Dark Mode)已经成为移动应用的标配能力,尤其对于记事本、阅读类等高频使用的工具型App而言,良好的夜间体验不仅关乎护眼,更直接影响用户留存。在 Flutter 开发中,主题切换的核心机制基于 ThemeData 与 ThemeExtension,前者定义全局组件样式,后者支持自定义语义化色板,两者结合可以实现一处切换、全局生效的完整主题体系。通过 Provider 管理主题状态,配合 SharedPreferences 持久化用户选择,即可稳定支撑启动加载与动态切换。实际落地时,还需处理

weixin_34290631的博客 250

【Segment Anything Model】十(1):利用SAM做分类任务,方法二,不放过SAM强大特征提取能力,将SAM提取到的ImageEmbedding插入到其他cnn网络中

直接黏贴复制就好'''该类定义了VGG-16的基本结构。features: 代表VGG网络的主体部分,即所有的卷积层和池化层。avgpool: 是自适应平均池化层,将特征图大小调整为7x7。classifier: 是VGG网络的分类部分,由全连接层组成。_initialize_weights(): 初始化权重的方法。

cvxiayixiao的博客 3561

Flutter:改变手机状态栏颜色,与appBar状态颜色抱持一致

Flutter:改变手机状态栏颜色,与appBar状态颜色抱持一致

weixin_41897680的博客 2287

Android功耗系列专题分析之四:待机概率性功耗高的失效分析

本文分析了Android设备待机功耗异常高的问题。通过日志发现系统休眠失败,原因是PowerManagerService.Display唤醒锁未被释放。进一步排查发现,指纹解锁功能在灭屏时未正确释放屏幕锁定,导致DisplayReady状态异常。解决方案是将指纹功能的背光控制与DisplayReady状态控制分离,使用两个变量独立管理。经验表明,快速定位问题比解决问题更重要,修改原生流程时需谨慎评估风险。

451

PCL Fast Global Registration 快速全局配准(源码版)

Fast Global Registration(FGR)是一种经典的点云粗配准算法,已集成到Open3D和CloudCompare等软件中。本文介绍了该算法的源码实现及优化方法,包括如何通过修改源码直接读取点云进行配准,而不依赖文件中读取特征描述子。文章还提供了关键参数设置(如最大迭代次数、匹配距离等)。算法实现简单高效,未来计划发布基于纯PCL的版本。源码和论文链接已附上,供开发者参考。

点云侠的博客 383

Flutter开发之appBar简介

AppBar在APP上的上方(如果有)显示工具栏小部件、前导、标题和操作。而APP的底部通常用于TabBar。

江上清风山间明月的博客 1875

后仿真中《SDF反标必懂连载篇》之 探究 SDF延迟精度 与 timescale 精度问题

本篇文章,同样属于后仿真中的SDF反标系列文章内容之一。今天,将前仿真中的timescale 和 后仿真中 timescale+sdf 延迟数据,进行贯通讲解。不要忽视这部分内容,因为后仿真的成功准确与否,时间精度问题,很重要。为什么?接下来一一讲解。

那么菜的博客 2310

Flutter设置(appBar)状态栏背景色,状态栏字体

Container( height: ScreenUtil.screenHeight, color: Color(0xFF007AFF), child: AnnotatedRegion<SystemUiOverlayStyle>( // 设置 AppBar 颜色属性 value:SystemUiOverlayStyle.light, ), ); 如 AnnotatedRegion 下 value ...

jia635的专栏 7523

CODESYS数据处理合集(高低字节/ 字/浮点数/位)

VAR_INPUT//字节0//字节1END_VARVAREND_VAR。

RXXW_Dor的博客 354

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

flutter 修改状态栏的颜色

在flutter载体页面,修改flutter页面的状态栏背景颜色,这两个方法就可以实现: /** * 6.0级以上的沉浸式布局 * */ public static void fitSystemBar(Activity activity) { if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) return; Window window = activi.

tianhongfan10106的专栏 6604

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

flutter状态栏的颜色设置

一:整体设置状态栏颜色:(亲测暂时无效) void main() { runApp(MyApp()); //黑色 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle.dark); ////白色 SystemChrome.setSystemUIOverlayStyle(SystemUiOverlayStyle....

qq_36865892的博客 2768

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

flutter theme:themeData() 统一设置主题颜色不起作用解决方法

随着flutter组件的版本更新每一个组件的使用方法和作用都有了有些变化。今天我遇到的一个问题让我很头疼,网上找了很多没找到答案,试了好多方法最后找到了解决方法。 问题:flutter MaterialApp 通过theme属性统一设置主题颜色后不起作用。 @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter企业站实战', debugShowChecked

weixin_44864357的博客 7064

flutter修改状态栏学习

AnnotatedRegion` 是一个强大的工具,可以在 Flutter 应用的特定区域中设置系统级别的 UI 样式。这使得开发者可以更细粒度地控制应用的视觉风格,特别是在需要根据不同界面动态调整状态栏和导航栏的外观时。通过理解和使用 `AnnotatedRegion`,可以大大增强应用的用户界面体验。`kToolbarHeight` 是一个简单但有用的常量,帮助开发者在 Flutter 应用中保持布局的一致性,特别是在应用栏的设计中。

且听真言 1977

Flutter记录:更改整个页面视图的背景颜色(AppBar透明)

Flutter开发记录

ConClude7的博客 2893

flutter 常用笔记 设置导航颜色两种方式,contaner圆角图片和圆形图片的使用

overrideprimarySwatch: Colors.pink, //可以配置导航颜色),home: FirstPage('这是首页'),@override@override{{}}// )},SizedBox(width: 16,),Icon(size: 20,),Text('哈尔滨',),),],),),),Padding(),],// foregroundColor: Colors.white, // 设置导航文字颜色。

艾米的猫儿的博客 636

Flutter 夜间模式及字体设置(2.2)

前言:这段时间都挺忙的,没来记得更新,我又要学又要更新,还要上班,每天也挺累的,希望大家看到这篇文章,觉得还行的话留下您的点赞吧~夜间模式设置字体设置 夜间模式设置 夜间模式的设置是通过主题当中的brightness属性来设置的 Brightness.dark 夜间模式 Brightness.light 白天模式 bool _isLight = true;//判断是否是夜间模式 true白天 false夜间 theme: new ThemeData( fontFamily

高级开发者进阶ing... QaQ 1353

Flutter修改状态栏的颜色

文章目录一、前言二、代码三、无法实现的功能 一、前言 实际开发中我们会遇到设置状态栏的问题,状态栏整体是比较简单的。但是有些功能是实现不了的,这里给出简单的代码演示,以及告诉哪些功能是实现不了的 二、代码 void main() async{ runApp(MyApp()); if (Platform.isAndroid) { // 以下两行 设置android状态栏为透明的沉浸。写在组件渲染之后,是为了在渲染后进行set赋值,覆盖状态栏,写在渲染之前MaterialApp组件会覆盖掉这个值

Mr_Tony的专栏 728

Flutter对手机状态栏设置

Flutter对手机状态栏设置 1.导入 import 'package:flutter/services.dart'; 2.隐藏状态栏 在main()函数中添加 SystemChrome.setEnabledSystemUIOverlays([]); 设置状态栏颜色 SystemUiOverlayStyle systemUiOverlayStyle = SystemUiOv...

Mr_Ying的博客 1347

flutter_statusbarcolor:轻松调整Flutter应用的状态栏和导航栏颜色

flutter_statusbarcolor:轻松调整Flutter应用的状态栏和导航栏颜色 项目基础介绍 flutter_statusbarcolor 是一个开源的Flutter插件,主要使用Dart语言开发,同时也涉及Kotlin、Objective-C和Ruby等其他语言。这个项目旨在帮助开发者以编程方式改变Flutter应用的状态栏和导航栏颜色,从而提升用户的视觉体验。 核心功能 该插件的...

gitblog_00180的博客 682

Flutter沉浸式透明状态栏-flutter自定义凸起BottomAppBar导航(1)

【Android开发核心知识点笔记】【Android思维脑图(技能树)】【Android核心高级技术PDF文档,BAT大厂面试真题解析】【Android高级架构视频学习资源】《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!厂面试真题解析】**[外链图片转存中…(img-cHjMzPSm-1713362464474)]【Android高级架构视频学习资源】《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》

bfhye16552的博客 1063
上一篇: flutter Icons全部图标
下一篇: Error connecting to the service protocol: HttpException: , uri = http://127.0.0.1:1050/ws
developer_zhao
博客等级 码龄11年 34粉丝 107原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值