Flutter 颜色的使用 如何使用

2023年2月28日 797次阅读 来源: ZhiPengTu

在flutter中，color使用的ARGB,举个栗子:

Widget _buildChild() {
    return new Container(
      margin: const EdgeInsets.all(10.0),
      color: const Color(0xFF0099ff),//0x 后面开始 两位FF表示透明度16进制，
//之后的0099ff 代表RGB色值
      height: 100.0,
      child: new Text('iam Container'),
    );

  }

如果你在使用colors的时候可以这样color:Colors.red[100]

Widget _buildChild() {
    return new Container(
      margin: const EdgeInsets.all(10.0),
      color: const Color(0xFF0099ff),//0x 后面开始 两位FF表示透明度16进制，
//之后的0099ff 代表RGB色值
      height: 100.0,
      child: new Text('iam Container'
    new TextStyle(
color:Colors.red//这里是flutter内部封装的 同样的方式也可以使用Colors.black,
//这里另外需要注意的是，我们还可以这样color:Colors.red[100],给它一个值，
//值的范围是 100的整数倍，比如说这样color:Colors.red[300]，
//color:Colors.red[600]呈线形变化
)
),
    );

  }

送人玫瑰，手留余香。

    原文作者：ZhiPengTu
    原文地址: https://www.jianshu.com/p/2893ace100cb
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞