📜  FilterChip 背景颜色不透明度 (1)

📅  最后修改于: 2023-12-03 15:00:45.406000             🧑  作者: Mango

FilterChip 背景颜色不透明度

FilterChip是Material Design中的一个组件,可以用于筛选或过滤内容。我们可以通过设置FilterChip的背景颜色和不透明度来美化我们的UI,并使其更加符合应用程序的主题。

设置背景颜色和不透明度

我们可以使用FilterChip的backgroundColor属性来设置其背景颜色。此属性接受Color对象。

FilterChip(
  backgroundColor: Colors.red, // 设置背景颜色为红色
  label: Text('红色'),
  onSelected: (bool value) {},
),

我们也可以设置背景色不透明度,这可以通过给Color对象添加前缀来实现。例如,我们可以将红色设置为50%不透明度。

FilterChip(
  backgroundColor: Color(0x80FF0000), // 设置背景颜色为50%不透明的红色
  label: Text('半透明红色'),
  onSelected: (bool value) {},
),
结论

通过使用FilterChip的backgroundColor属性,我们可以轻松地为我们的UI添加背景颜色,并通过设置透明度来实现变得更加美观。不要忘记通过添加前缀来设置颜色的不透明度。