darkColorScheme:持有暗色主题的ColorSheme。 lightThemeData:持有浅色主题的ThemeData。 darkThemeData:持有深色主题的ThemeData。 classGlobalThemData{staticfinalColor _lightFocusColor = Colors.black.withOpacity(0.12);staticfinalColor _darkFocusColor = Colors.white.withOpacity(0.12);staticThemeData lightThemeData =...
backgroundColor:APP bar 的颜色,默认值为 ThemeData.primaryColor。改值通常和下面的三个属性一起使用; brightness:App bar 的亮度,有白色和黑色两种主题,默认值为 ThemeData.primaryColorBrightness; iconTheme:App bar 上图标的颜色、透明度、和尺寸信息。默认值为 ThemeData.primaryIconTheme; textTheme: App bar ...
themeValue 就是 Theme 里配置的全局样式 defaultValue 就是默认内置的样式,也即是styleFrom静态方法,当然styleFrom里也会用一些ThemeData的对象,例如colorScheme.primary、textTheme.button、theme.shadowColor等 所以,例如当你需要全局去除按键的水波纹时,如下代码所示,你可以修改ThemeData的TextButtonTheme来实现,因为TextB...
staticThemeDatalightThemeData=themeData(lightColorScheme,_lightFocusColor); staticThemeDatadarkThemeData=themeData(darkColorScheme,_darkFocusColor); staticThemeDatathemeData(ColorSchemecolorScheme,ColorfocusColor){ returnThemeData(colorScheme:colorScheme,focusColor:focusColor); } staticconstColorSchemelightColorScheme...
theme: FlexThemeData.light( colors: const FlexSchemeColor( primary: Color(0xff065808), primaryContainer: Color(0xff9ee29f), secondary: Color(0xff365b37), secondaryContainer: Color(0xffaebdaf), tertiary: Color(0xff2c7e2e), tertiaryContainer: Color(0xffb8e6b9), ...
通过访问小部件中的colorScheme,可以获取或修改应用程序中使用的颜色方案。例如,可以使用Theme.of(context).colorScheme来获取当前主题的颜色方案。 Flutter提供了一些用于自定义colorScheme的小部件和工具,如: ThemeData:用于定义应用程序的主题数据,包括颜色方案。可以使用ThemeData(colorScheme: ColorScheme.light())来创建...
closed: Color.lerp(closed, other.closed, t), ); } @override String toString() => 'StatusColors(' 'open: $open, closed: $closed' ')'; } 之后就可以将上面的StatusColors配置到Theme的extensions上,然后通过Theme.of(context).extension<StatusColors>()读取配置的参数。
theme:ThemeData(colorScheme:ColorScheme.fromSeed(seedColor:Color(0xFF4285F4)),///打开 useMaterial3 样式useMaterial3:true,),复制代码 这里其实就涉及到一个很有趣的知识点:Material3 下的 HCT 颜色包:material-color-utilities。 在Material3 下颜色其实不是完全按照 RGB 去计算,而是会经过material-color-ut...
colorScheme: theme.colorScheme.copyWith( onPrimary:constColor(0xffffffff), secondary: Colors.deepOrange, ), );// ElevatedButton Setting.theme = theme.copyWith( elevatedButtonTheme: ElevatedButtonThemeData( style: ButtonStyle( shape: MaterialStateProperty.all(constRoundedRectangleBorder( ...
Theme(Widget)可以包裹Widget,作为局部的主题,使其使用不同的主题,如果不希望全部覆盖,则可传入Theme.of(context).copywith()从而更改某几项主题。 FloatingActionButton主题色的更改 Theme(data:Theme.of(context).copyWith(colorScheme:Theme.of(context).colorScheme.copyWith(secondary:Colors.pink),) ...