如何使容器不透明

时间:2019-03-22 07:20:43

标签: flutter flutter-layout

我想为包含十六进制颜色代码的容器添加不透明度。我是新来的扑扑。请帮我。这是代码。预先感谢。

final body = Container(
  width: MediaQuery.of(context).size.width,

  margin: const EdgeInsets.only(left: 40.0, right: 40.0),
  padding: EdgeInsets.all(28.0),
   decoration: new BoxDecoration(
     color:   const Color(0xFF0E3311),//here i want to add opacity

   border: new Border.all(color: Colors.black54,
   ),
       borderRadius: new BorderRadius.only(
           topLeft: const Radius.circular(40.0),
           topRight: const Radius.circular(40.0),
       bottomLeft: const Radius.circular(40.0),
       bottomRight:const Radius.circular(40.0) )
),

  child: Column(
    children: <Widget>[ email, password,loginButton],
  ),
);

5 个答案:

答案 0 :(得分:3)

更改行

const Color(0xFF0E3311)

const Color(0xFF0E3311).withOpacity(0.5)

或您想要的任何值。

答案 1 :(得分:0)

Flutter使用ARGB格式的32位颜色值,其中A = Alpha,R =红色,G =绿色,B =蓝色。

因此,要控制不透明度,您可以更改const Color(0xFF0E3311)中十六进制值的前两位数字,可以使用0x000E33110x010E3311 .... { {1}}。

希望有帮助!

答案 2 :(得分:0)

如果您只想为颜色设置不透明度,只需在颜色代码前添加2个十六进制数字即可。选中此Series.fillna以了解所有值。

但是,如果您想更改所有小部件的不透明度(在您的容器中),则可以将其包装为不透明小部件,如下所示:

i

如果想进一步了解answer Opacity的文档,请快速查看here

答案 3 :(得分:0)

此处为代码  stage('Compare') { when { expression { myVar == myVar2 } } steps { exit } } 0x之后,两个值(在上面的代码“ FF”中)表示不透明度。 “ FF”代表不透明,“ 00”代表完全透明。因此,通过更改此值,您可以更改颜色不透明度。 同样,我们通过Colors类获得的白色和黑色的diff不透明度值颜色。例如 $array = array( 0 => array( 'productName'=>'Bud ice 123', 'uomName'=>'Each', 'newPrice'=>1.29 ), 1 => array( 'productName'=>'Bud ice3321', 'uomName'=>'Each', 'newPrice'=>1.29 ) ); 表示不透明度为70%的白色

答案 4 :(得分:0)

我们也可以使用python manage.py runserver来提高透明度。