如果想要在整个应用程序中统一更改AppBar的文本颜色,可以在MaterialApp中设置theme属性。 代码语言:txt 复制 MaterialApp( theme: ThemeData( appBarTheme: AppBarTheme( textTheme: TextTheme( headline6: TextStyle( color: Colors.red, // 设置文本颜色 fontSize: 20, // 设置文本大小 fontWeight: FontWeight.bo...
accentColor:辅助色,根据需要设置。 textTheme:文字主体。早期版本的 flutter 设置的比较少,新版本可能是为了支持Web端,字体的属性设置基本和 html 的保持一致了,包括 headline1到 headline6,bodyText1,感觉就是对应 html 中的 h1-h6和 body 的字体。各级字体均可以通过构建 TextStyle 来设置对应的字体参数。 font...
style: Theme.of(context).textTheme.body1), Text('bodyText2 14 normal black', style: Theme.of(context).textTheme.bodyText2), Divider(), Text('body2 14 medium black', style: Theme.of(context).textTheme.body2), Text('bodyText1 14 medium black', style: Theme.of(context).textTheme.b...
accentColor:辅助色,根据需要设置。 textTheme:文字主体。早期版本的 flutter 设置的比较少,新版本可能是为了支持Web端,字体的属性设置基本和 html 的保持一致了,包括 headline1到 headline6,bodyText1,感觉就是对应 html 中的 h1-h6和 body 的字体。各级字体均可以通过构建 TextStyle 来设置对应的字体参数。 font...
Color indicatorColor, Color hintColor, Color errorColor, Color toggleableActiveColor, String fontFamily, TextTheme textTheme, TextTheme primaryTextTheme, TextTheme accentTextTheme, InputDecorationTheme inputDecorationTheme, IconThemeData iconTheme, ...
theme: ThemeData(//This is the theme of your application.///Try running your application with "flutter run". You'll see the//application has a blue toolbar. Then, without quitting the app, try//changing the primarySwatch below to Colors.green and then invoke//"hot reload" (press "r" ...
典型Material应用程序或应用程序内页面的背景颜色textTheme:TextTheme(headline1:TextStyle(color:Colors.yellow,fontSize:15)),appBarTheme:AppBarTheme(iconTheme:IconThemeData(color:Colors.yellow)));//创建light ThemeData对象finalThemeDataappLightThemeData=ThemeData(brightness:Brightness.light,primaryColor:Colors....
( textTheme: ButtonTextTheme.primary, colorScheme: ColorScheme( primary: Colors.blue, // 设置按钮文本颜色 ), ), ), home: Scaffold( appBar: AppBar(title: Text('Button Theme Example')), body: Center( child: ElevatedButton( onPressed: () {}, child: Text('Click Me'), ), ), ), )...
flutter 设置多种theme flutter界面布局 说明: 以下说的类似都是以Android端为例。 一、设置Widget宽高: 1.使用ConstrainedBox+BoxConstraints设置Widget宽高: BoxConstraints设置的几种方式: BoxConstraints(minWidth: 最小宽度, maxWidth: 最大宽度, minHeight: 最小高度, maxHeight: 最大高度); //设置最小+最...
style: Theme.of(context).textTheme.bodyText1, ), ), ); } 而在BottomNavigationBar中的 selectedItemColor(选择颜色)则继承了主色调。 @overrideWidget build(BuildContext context) {returnScaffold( appBar: AppBar( title: Text('岛上码农', style: Theme.of(context).textTheme.headline4), ...