您可以使用ListView或ListView.builder来实现这一点，但是使用圆形小部件作为子部件。
你可以 checkout 这个tutorial来做水平列表。你可以 checkout this StackOverflow question，创建一个圆形按钮。或者你想使用CircleAvatar来代替按钮（在其中添加图像），你可以查看这个official doc。

int _index = 0;
List<String> filters = [
    ImageConstant.imgEllipse14,
    ImageConstant.imgEllipse13,
    ImageConstant.imgEllipse12,
    ImageConstant.imgEllipse16,
    ImageConstant.imgEllipse15,
    ImageConstant.imgEllipse14,
    ImageConstant.imgEllipse13,
    ImageConstant.imgEllipse12,
    ImageConstant.imgEllipse16,
    ImageConstant.imgEllipse15,
  ];

Widget Scroller =
PageView.builder(
  itemCount: filters.length, // filters is a string array of image paths
  controller: PageController(viewportFraction: 0.22),
  onPageChanged: (int index) => setState(() => _index = index),
  itemBuilder: (_, i) {
     return Padding(
       padding: EdgeInsets.only(
           left: 13,
           top: 18,
           right: 13,
           bottom: 20),
       child: Transform.scale(
           scale: i == _index ? 2 : 1,
           child: Container(
           child: CircleAvatar(
              child: CustomImageView(
              imagePath: filters[i],
              radius: BorderRadius.circular(getHorizontalSize(21)),
              margin: getMargin(top: 20, bottom: 20),
           ),
         ),
       ),
     ),
   );
 },
);

您可以使用这种技术，也可以使用ScrollSnapList包https://pub.dev/packages/scroll_snap_list。