MaterialApp(theme: ThemeData(primaryColor: Colors.green,),) 解决方法 通过Flutter的github issues发现,从Flutter 2.5开始,Flutter团队开始慢慢移除ThemeData.primaryColor属性对所有组件的影响,取而代之的是基于ColorScheme的Color。 MaterialApp(theme: ThemeData(primaryColor: Colors.green,colorScheme: ColorScheme.light...
//2.primarySwatch传入不是Color, 而是MaterialColor(包含了primaryColor和accentColor) primarySwatch: Colors.purple, //主题颜色:导航/底部的TabBar primaryColor: Colors.orange, // 4.accentColor(次要颜色): 单独设置FloatingActionButton\Switch accentColor: Colors.deepPurpleAccent, // 5.卡片主题 cardTheme:Car...
但是,primaryColor并不是没用了,它可以用来更改组件的Theme,用于局部主题的使用。 Expanded( child: Theme( data: Theme.of(context).copyWith(primaryColor: Colors.red), child: Container( padding: const EdgeInsets.all(15.0), color: Theme.of(context).primaryColor, child: Text( 'This Container overrid...
ThemeData中还有专门为color变化定义的ColorScheme,还有为Text变化设置的TextTheme,这两个theme实际上是一系列的color集合。 除了ThemeData,flutter中还有一个类叫做Theme。 Theme是一个StatelessWidget,这个widget中包含了ThemeData,它提供了一个Theme.of方法来让子widget获得最近的ThemeData数据。 这就意味着,在flutter中,子w...
主题色 右下角的FloatingActionButton的颜色就是默认取值MaterialColor, 默认是蓝色的,如果修改成primarySwatch,就会变成这个颜色值。 一、primarySwatch flutter的主题(build下面的theme)中有个主题颜色(primarySwatc
primaryColor:主色调,设置后导航栏就会变成主色调颜色。注意的是导航栏的字体颜色会根据主色调和 brightness 自动计算显示的颜色是偏浅色还是深色。 accentColor:辅助色,根据需要设置。 textTheme:文字主体。早期版本的 flutter 设置的比较少,新版本可能是为了支持Web端,字体的属性设置基本和 html 的保持一致了,包括 hea...
theme:ThemeData(Brightness?brightness,// 应用整体主题的亮度,用于按钮之类的小部件,已确定在使用主色或强调色时选择什么颜色。VisualDensity?visualDensity,// 视觉密度MaterialColor?primarySwatch,// 主题样式,设置primaryColor后该背景色会被覆盖Color?primaryColor,// 主要部分背景颜色(导航栏和tabBar等)Brightness?prim...
最新版flutter不支持primaryColor已失效 accentColor也已弃用,instead of: theme:ThemeData(//primarySwatch包含了primaryColor,primarySwatch:Colors.red,//单独设置primaryColor导航和tabbar的颜色,已失效// primaryColor: Colors.yellow,colorScheme:constColorScheme(primary:Colors.deepOrange,//在应用程序的屏幕和组件中显...
In this example, we define a cohesive theme usingThemeData. The theme includes brightness, primary color, font preferences, and various text styles tailored for different parts of the app. 在本例中,我们使用 ThemeData 定义了一个具有凝聚力的主题。主题包括亮度、主色调、字体偏好以及为应用程序不同部分...
在小部件的build方法中,使用Theme.of(context)来获取当前主题: 代码语言:txt 复制 @override Widget build(BuildContext context) { Color themeColor = Theme.of(context).primaryColor; // 其他代码 } 使用获取到的主题颜色进行相关操作,例如设置背景颜色: 代码语言:txt 复制 Container( color: themeColor, //...