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

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

FilterChip 背景颜色不透明度 - Dart

FilterChip 是 Material Design 风格下的一个带有筛选功能的 Chip,可以用于标记和筛选。

在使用 FilterChip 时,我们可以通过修改背景颜色的透明度来实现不同的样式。

示例代码:
FilterChip(
  backgroundColor: Colors.blue.withOpacity(0.5),
  label: Text('标签'),
  onSelected: (bool selected) {},
)

在示例代码中,通过设置 backgroundColor 的透明度为 0.5,使得 FilterChip 呈现出半透明的蓝色背景。

更多样式

除了透明度,我们还可以通过修改 backgroundColor 的颜色来为 FilterChip 设置不同的背景色。例如:

FilterChip(
  backgroundColor: Colors.red,
  label: Text('标签'),
  onSelected: (bool selected) {},
)

这将使 FilterChip 呈现出红色的背景。我们还可以使用其他颜色,如绿色、黄色等。

总结

通过修改 FilterChip 的 backgroundColor 属性,我们可以为其实现各种样式:从不透明的单色背景到半透明的渐变色背景,都可以实现。

无论何种样式,FilterChip 都是一个非常实用的组件,可以大大提高应用程序的筛选效率。