import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter StatusBar Color Demo', theme: ThemeData( primarySwatch: Color...
1. 理解Flutter中AppBar与状态栏颜色关联 在Flutter中,AppBar 的背景色通常是通过 backgroundColor 属性设置的。而状态栏的颜色则通常是由系统或应用的主题决定的,但Flutter 提供了一些方法来覆盖这些默认设置。 2. 检查代码中AppBar背景色修改的方式 假设你的 AppBar 是这样设置的: dart appBar: AppBar( backgr...
statusBarColor: Colors.transparent,// 去除状态栏遮罩statusBarIconBrightness: Brightness.dark,// 状态栏图标字体颜色systemNavigationBarColor: Color.fromARGB(255,242,247,251),// 底部导航栏颜色) ), colorScheme:constColorScheme.light( surface: Color.fromARGB(255,242,247,251),// 和底部导航栏保持一致...
void main() { //配置透明的状态栏 SystemUiOverlayStyle systemUiOverlayStyle = const SystemUiOverlayStyle(statusBarColor: Colors.transparent); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle); runApp( ... ); } 二、Flutter 透明顶部导航 通过backgroundColor: Colors.transparent 结合 elevat...
statusBarColor: Colors.red,// statusBarBrightness: Brightness.light,// statusBarIconBrightness: Brightness.dark); SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);print("systemUiOverlayStyle"); } } 设置为红色之后,得到以下的样式,可以看到状态栏为红色了,文字为白色 ...
3. 如果你有使用SafeArea来包裹组件你会发现上面的设置会让status变成白色你可以这样设置: returnScaffold(backgroundColor:Colors.blue,//这里是你期望的颜色body:SafeArea(child:,),) 4.当然有更优雅的解决方法就是在设置万主题颜色后执行上面的方法就不用Scaffold包裹了,但是会出现statusBar先变色 主题后变色的问...
之前研究了很久,最后发现只需要在任何使用了AppBar或者SliverAppBar的地方设置brightness属性,具体的代码: AppBar( elevation: 0, backgroundColor: Colors.white, title: Text(appTitle,style: TextStyleUtil.…
statusBarBrightness: Brightness.dark, ); 2. 字体颜色黑色 /// System overlays should be drawn with a dark color. Intended for /// applications with a light background. static const SystemUiOverlayStyle dark = SystemUiOverlayStyle( systemNavigationBarColor: Color(0xFF000000), ...
@overrideWidgetbuild(BuildContextcontext){Theme.of(context).scaffoldBackgroundColor==Colors.white?_lightStatusAndNavigationBar():_darkStatusAndNavigationBar();returnScaffold(backgroundColor:Theme.of(context).scaffoldBackgroundColor,...}void_darkStatusAndNavigationBar(){SystemChrome.setSystemUIOverlayStyle(Sy...
如果想要在整个应用程序中统一更改AppBar的文本颜色,可以在MaterialApp中设置theme属性。 代码语言:txt 复制 MaterialApp( theme: ThemeData( appBarTheme: AppBarTheme( textTheme: TextTheme( headline6: TextStyle( color: Colors.red, // 设置文本颜色 fontSize: 20, // 设置文本大小 fontWeight: FontWeight....