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]呈线形变化
)
),
);
}
送人玫瑰,手留余香。