如何改变小吃店的不透明度？

Question

我希望改变SnackBar的不透明度.它只有背景属性.可以自定义还是我必须为小吃店创建自定义小部件？

Answer 1

尝试使用像这样的小吃店的颜色属性,

  backgroundColor: Colors.black.withOpacity(0.5)

这应该按照您的预期工作.

Answer 2

你可以调整你的opactiy backgroundColor与

• color.withAlpha(..),

• color.withOpacity(..),

• 使用十六进制整数0x33ffffff(x表示alpha值后的第一对数字),

• 创建一个Color使用Color.fromARGB(...)

• 或者通过使用Color.fromRGBO(...).

你可以找到关于此此信息对文档的页面Color类.

现在,您遇到以下问题:您的内容尚未透明.

使用OpcacityWidget 可以轻松调整.

在你的Snackbar环绕你的实际content与一个Opacity小工具:

SnackBar(backgroundColor: Color(0x66bbbbbb),
  content: Opacity(opacity: .7,
                    child: Container(), // your content
  ),
)

Answer 3

如果您打算使背景透明，这可能会对您有所帮助。大多数情况下，由于海拔的原因，您会得到黑色背景。

SnackBar(
  elevation: 0,
  backgroundColor: Colors.transparent,
  /....... 
),