ThemeData(Theme相关类型属性): accentIconTheme -IconThemeData类型,与突出颜色对照的图片主题。 accentTextTheme -TextTheme类型,与突出颜色对照的文本主题。 chipTheme -ChipThemeData类型,用于渲染Chip的颜色和样式。 buttonTheme -ButtonThemeData类型,定义了按钮等控件的默认配置,像RaisedButton和FlatButton。 primaryIcon...
2. 局部主题 如果我们想在应用程序的一部分中覆盖应用程序的全局的主题,我们可以将要覆盖得部分封装在一个Theme Widget中 有两种方法可以解决这个问题:创建特有的ThemeData或扩展父主题。 创建特有的ThemeData newTheme(// Create a unique theme with "new ThemeData"data:newThemeData(accentColor:Colors.yellow,),ch...
Flutter 应用主题都封装在 ThemeData 类中 , 在 MaterialApp 的 theme 字段 , 可以设置 ThemeData 主题 , 可设置的选项如下 , 下面的 ThemeData 工厂构造函数中的可选参数就是可以设置的各种主题选项 ; class ThemeData extends Diagnosticable { factory ThemeData({ Brightness brightness, MaterialColor primarySwatch, ...
@override _buttonState createState() => _buttonState(); } class _buttonState extends State { var color=Colors.blue; var colorIs=true; @override Widget build(BuildContext context) { return new Scaffold( appBar: AppBar( title: Text("自定义按钮"), ), body: Container( width: MediaQuery.of...
如果我们不想继承任何应用程序的颜色或字体样式,我们可以创建一个新的ThemeData()实例并将其传递给Theme部件。 代码语言:javascript 复制 newTheme(// Create a unique theme with "new ThemeData"data:newThemeData(accentColor:Colors.yellow,),child:newFloatingActionButton(onPressed:(){},child:newIcon(Icons.add...
flutter create flutter\_start 文件目录 生成了文件目录如下。快速认识一下 项目目录.png 这里面需要关注的目录如下: 代码语言:txt 复制 - android //生成的android目录。里面是根据脚本生成的android项目 - ios //同上,ios项目 - lib //这个目录下面是运行的代码 ...
_themeMode;//亮色主题色late MaterialColor _themeColor;//暗色主题色finalMaterialColor _themeDarkColor=ColorUtil.createMaterialColor(ColorConfig.darkBGColor);ThemeViewModel(){Color primaryColor=Colors.white;//设定一个初始颜色//如果由保存颜色则替换颜色String?color=CacheUtil().get<String>(SPName.theme...
import 'package:flutter/material.dart'; class ThemePage extends StatefulWidget { @override _ThemePageState createState() => _ThemePageState(); } class _ThemePageState extends State{ @override Widget build(BuildContext context) { return MaterialApp( title: "Theme 主题修改", theme: ThemeData( brig...
theme: ThemeData( primarySwatch:Colors.blue, ), home: ThemeTestRoute(), ); } } class ThemeTestRoute extends StatefulWidget { @override _ThemeTestRouteState createState() => new _ThemeTestRouteState(); } class _ThemeTestRouteState extends State<ThemeTestRoute> { ...
import 'package:flutter/material.dart';class ThemePage extends StatefulWidget {@override_ThemePageState createState() => _ThemePageState();}class _ThemePageState extends State<ThemePage> {@overrideWidget build(BuildContext context) {return MaterialApp(title: "Theme 主题修改",theme: ThemeData(brightnes...