如何在Flutter中创建轮廓过滤器芯片

nux*_*yte 1 flutter

我正在尝试在Flutter中创建概述的过滤器芯片。

我可以使用以下代码创建标准的过滤器芯片,但看不到如图所示访问概述版本的方法。

有没有办法修改标准芯片以提供轮廓版本?

FilterChip(
   label: Text("text"), 
   onSelected: (bool value) {print("selected");},
),
Run Code Online (Sandbox Code Playgroud)

材料设计滤芯

nux*_*yte 5

我现在正在工作。这是代码:

FilterChip(
    label: Text("text"), 
    backgroundColor: Colors.transparent,
    shape: StadiumBorder(side: BorderSide()),
    onSelected: (bool value) {print("selected");},
),
Run Code Online (Sandbox Code Playgroud)

这篇文章还帮助我发现了StadiumBorder。

  • 对我来说看起来不错的颜色“BorderSide(color: Colors.black12)”。 (4认同)