欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

官方Gallery学习二

程序员文章站 2022-06-11 22:08:49
...

设置初始样式:

ThemeData _buildLightTheme() {
  const Color primaryColor = const Color(0xFF0175c2);
  final ThemeData base = new ThemeData.light();
  return base.copyWith(  // 创建这个主题的副本,但是用新值替换给定的字段
    primaryColor: primaryColor,  // 主题色
    buttonColor: primaryColor,   // 按钮颜色
    indicatorColor: Colors.white,  // 指示器下划线的颜色
    splashColor: Colors.white24,  // 飞溅的墨汁的颜色
    splashFactory: InkRipple.splashFactory,  // 飞溅墨汁的外观
    accentColor: const Color(0xFF13B9FD),  // 前景色
    canvasColor: Colors.white,  // canvas的默认颜色
    scaffoldBackgroundColor: Colors.white,  //scaffold控件的背景色
    backgroundColor: Colors.white,  // 一种与主要颜色形成对比的颜色,例如作为进度条的剩余部分
    errorColor: const Color(0xFFB00020), // 用于输入验证错误的颜色,例如在TextField字段中。
    buttonTheme: const ButtonThemeData(  // 按钮样式
      textTheme: ButtonTextTheme.primary,  // 按钮中的文本样式
    ),
    textTheme: _buildTextTheme(base.textTheme),  //文本颜色与card和canvas颜色形成对比的主题
    primaryTextTheme: _buildTextTheme(base.primaryTextTheme),  //与主色primary对比的文本主题
    accentTextTheme: _buildTextTheme(base.accentTextTheme), //与accent Color对比的文本主题
  );
}