this.backgroundColor, //APP bar 的颜色,默认值为 ThemeData.primaryColor。改值通常和下面的三个属性一起使用 this.brightness, //App bar 的亮度,有白色和黑色两种主题,默认值为 ThemeData.primaryColorBrightness this.iconTheme, //App bar 上图标的颜色、透明度、和尺寸信息。默认值为 ThemeData().primaryIcon...
data: Theme.of(context).copyWith(accentColor: Colors.yellow), child: new FloatingActionButton( onPressed: null, child: new Icon(Icons.add), ), ); Theme.of(context)将查找Widget树并返回树中最近的Theme。如果Widget之上有一个单独的Theme定义, 则返回该值。如果不是,则返回App主题。 判断平台显示指...
这是最直接的方法,通过AppBar的backgroundColor属性直接设置背景颜色。 dart Scaffold( appBar: AppBar( title: Text('My App'), backgroundColor: Colors.blue, // 设置AppBar的背景颜色 ), body: Center( child: Text('Hello, Flutter!'), ), ); 2. 通过ThemeData全局配置 在MaterialApp的theme属性中...
Flutter AppBar中自定义TabBar实现顶部Tab切换 TabBar常见属性: coding import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( primarySwat...
检查Appbar或其子部件是否有自己的颜色或样式设置,如果有,尝试移除或调整这些设置。 代码语言:txt 复制 appBar: AppBar( title: Text('Flutter Theme Demo', style: Theme.of(context).textTheme.headline6), backgroundColor: Theme.of(context).primaryColor, ...
先判断是否在Appbar中设置了backgroundColor 再判断是否指定了AppBarTheme.backgroundColor,也就是针对Appbar进行的Theme覆盖 最后再根据是否黑夜模式来判断使用ColorScheme.primary还是ColorScheme.surface 大部分的Flutter组件,几乎都遵循这个判断流程,只是使用的Color类型不太一样。
简介:解决Flutter中ThemeData.primaryColor在AppBar等组件中不生效 出现场景 闲着没事,将FlutterSDK升级到了2.10.5,结果发现app所有页面的AppBar颜色全变成了默认的蓝色,在MaterialApp中设置的primaryColor颜色没有生效。 MaterialApp(theme: ThemeData(primaryColor: Colors.green,),) ...
AppBar( title: Text( 'My App', style: Theme.of(context).appBarTheme.textTheme.headline6.copyWith( color: Colors.white, // 设置标题前景颜色为白色 ), ), ), 在上述代码中,我们使用了Theme.of(context)来获取当前主题的样式,然后通过appBarTheme.textTheme.headline6来获取AppBar标题的文本样式。最后...
发现在给AppBar 添加 backgroundColor 后,随着页面滑动,AppBar的背景颜色会改变,比如白色的时候会变成浅灰色, 尝试修改成红色时, 颜色也会有变化,...
style: Theme.of(context).textTheme.bodyText1, ), ), ); } 而在BottomNavigationBar中的 selectedItemColor(选择颜色)则继承了主色调。 @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('岛上码农', style: Theme.of(context).textTheme.headline4), ...