如何在容器中放入透明的颜色扑通

Question

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

这是我的颜色：

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

这不是我的答案。

Answer 1

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

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