官方Gallery学习二

设置初始样式:

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对比的文本主题
  );
}

你可能感兴趣的:(官方Gallery学习二)