美文网首页
官方Gallery学习二

官方Gallery学习二

作者: _白羊 | 来源:发表于2018-09-18 19:27 被阅读22次

    设置初始样式:

    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学习二

          本文链接:https://www.haomeiwen.com/subject/vqvmnftx.html