如何将容器的透明颜色放入颤动答案

【问题标题】：How to put transparent color for container in flutter如何将容器的透明颜色放入颤动
【发布时间】：2020-09-16 22:25:44
【问题描述】：

我想为包含十六进制颜色代码的容器设置不透明度。

这是我的颜色：

const color_transparent_black = const Color(0x80000000); //50%

如您所见，我添加 80 表示 50 % 透明度。

return Scaffold(
  backgroundColor: Colors.amber,...
  Container(
    // card view
    alignment: Alignment.center,
    margin: EdgeInsets.only(
        top: 20.0, bottom: 10.0, left: 30.0, right: 30.0),
    decoration: BoxDecoration(
      boxShadow: ([
        BoxShadow(color: Colors.black, blurRadius: 5.0)
      ]),
      color: main_color_transparense_black,
      borderRadius: BorderRadius.circular(14.0),
    ),
    child: Column( ...

但是Container 不透明而且完全是黑色的？我知道Opacity 小部件是可能的，但我想用颜色来做到这一点？

我读到了post

这不是我的答案。

【问题讨论】：

标签： flutter flutter-layout

【解决方案1】：

代码对你没有问题Color(0x80000000)

你看到的黑色是由于盒子阴影颜色回来的。 BoxShadow(color: Colors.black, blurRadius: 5.0)。尝试根据您的需要更改 BoxShadow。尝试为阴影提供一些偏移值。

【讨论】：

我将 BoxShadow 更改为：BoxShadow(color: Colors.black54, blurRadius: 5.0)，问题就消失了。谢谢