Button 颤振按钮滤波器

我试图找出什么是最好的方式来实现类似的附件

目前，我已经做了如下，我想知道是否有更干净或更好的方式使用按钮等

class GetFilters extends StatelessWidget {
  GetFilters();

  @override
  Widget build(BuildContext context) {
    return ListView(
      // This next line does the trick.
      scrollDirection: Axis.horizontal,
      children: <Widget>[
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Icon(Icons.call),
              Text('Afterpay'),
            ],
          )
          ]
        ),
        Row(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Icon(Icons.call),
                Text('Afterpay'),
              ],
            )
          ]
        )
    ]
    );
  }
}

class GetFilters扩展了无状态小部件{
GetFilters（）；
@凌驾
小部件构建（构建上下文）{
返回列表视图(
//下一行就行了。
滚动方向：轴水平，
儿童：[
划船(
mainAxisAlignment:mainAxisAlignment.space，
儿童：[
纵队(
mainAxisSize:mainAxisSize.min，
儿童：[
图标（Icons.call），
文本（“售后付款”），
],
)
]
),
划船(
mainAxisAlignment:mainAxisAlignment.space，
儿童：[
纵队(
mainAxisSize:mainAxisSize.min，
儿童：[
图标（Icons.call），
文本（“售后付款”），
],
)
]
)
]
);
}
}

---

对于水平滚动，每个部分需要两个不同的列表视图

class GetFilters扩展了无状态小部件{
GetFilters（）；
@凌驾
小部件构建（构建上下文）{
返回列(
儿童：[
文本（“付款选项”），
列表视图(
滚动方向：轴水平，
儿童：[
纵队(
mainAxisSize:mainAxisSize.min，
儿童：[
图标（Icons.call），
文本（“售后付款”），
],
),
//更多项目
] 
),
文本（“类别”），
列表视图(
滚动方向：轴水平，
儿童：[
纵队(
mainAxisSize:mainAxisSize.min，
儿童：[
图标（Icons.call），
文本（“售后付款”），
],
),
//更多项目
]
)
]
);
}
}

对于按钮，我会用手势检测器包装每个项目，如：

手势检测器(
onTap:（）=>{}，
子：列(
mainAxisSize:mainAxisSize.min，
儿童：[
容器(
填充：边缘设置。全部（12），
装饰：新盒子装饰(
颜色：颜色，蓝色，
形状：BoxShape.circle，
),
子：图标（Icons.call），
),
文本（“售后付款”），
],
),
),

您可以使用InkWell而不是GestureDetector，以防在点击物品时想要获得实质性的视觉反馈

---

我还建议您在小部件类名中使用主题而不是操作。GetFilters可以称为Filters，FiltersSection

请添加您想要实现的目标的说明。你的标题和描述不明确，图像也不自明。我不知道我能说得清楚多少。我想看看我为制作基本相同的内容所做的工作是否是最好的方法，所以你的问题的标题是“颤振按钮过滤器”，但根据你所说的，你只是希望有人帮助构建屏幕截图上显示的布局？您的问题和目标不清楚。您需要一个

LisView

not

Row

@pskink第一部分是一个列表视图，其中包含行