Flutter

Flutter 颜色的使用 如何使用

2018-08-08  本文已影响144人  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]呈线形变化
)
),
    );

  }

送人玫瑰,手留余香。

上一篇下一篇

猜你喜欢

热点阅读