Flutter——定义自己工程使用的统一颜色文件

最新推荐文章于 2025-10-13 19:17:05 发布

原创最新推荐文章于 2025-10-13 19:17:05 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#flutter #dart

Flutter 同时被 2 个专栏收录

18 篇文章

订阅专栏

Flutter开发入门到实战

14 篇文章

订阅专栏

博客主要提及了Flutter和Dart的导包使用相关内容，在信息技术领域，Flutter常用于移动开发，Dart是其开发语言，导包使用是开发中的基础操作。

import 'package:flutter/material.dart';

class ThemeColors {
  ///主色调，按钮，特殊需要强调和突出的文字
  static Color colorTheme = Color.fromARGB(255, 255, 134, 0);

  ///主色调渐变用色，个别按钮和状态，从colorBtnLeft变化到colorBtnRight
  static Color colorBtnLeft = Color.fromARGB(255, 251, 156, 51);
  static Color colorBtnRight = Color.fromARGB(255, 252, 191, 50);

  ///提示性文字，状态信息，按钮等
  static Color colorRed = Color.fromARGB(255, 226, 36, 39);

  ///功能性较强的文字，内页标题等
  static Color color333333 = Color.fromARGB(255, 51, 51, 51);

  ///正文，副标题以及可点击区域的主要文字和图标
  static Color color666666 = Color.fromARGB(255, 102, 102, 102);

  ///弱化信息，提示性文字信息，不可点击状态
  static Color color999999 = Color.fromARGB(255, 153, 153, 153);

  ///弱化信息，提示性文字信息
  static Color colorDDDDDD = Color.fromARGB(255, 221, 221, 221);

  ///背景区域划分，分割线
  static Color colorF6F6F8 = Color.fromARGB(255, 246, 246, 248);

  ///纯白色
  static Color colorWhite = Color.fromARGB(255, 255, 255, 255);

  ///纯黑色
  static Color colorBlack = Color.fromARGB(255, 0, 0, 0);

}

导包使用：

Container(
      child: Text('Hello!',style: TextStyle(color: ThemeColors.colorRed),),
      width:100.0 ,
      height:30.0 ,
      color: ThemeColors.colorDDDDDD,
      alignment: Alignment.center,
    )