时间戳

首页 > 解决方案 > 如何创建一个像 YouTube 过滤器一样滚动到一侧的按钮栏？

flutter - 如何创建一个像 YouTube 过滤器一样滚动到一侧的按钮栏？

问题描述

如何创建一个像 YouTube 过滤器一样滚动到侧面的按钮栏？

[[1]

标签： flutter

解决方案

我不知道这是否正是您要寻找的（因为我从未在 YT 上看到过这些过滤器），但我认为您可以使用ListView()-Widget 简单地创建它。

ListView(
   scrollDirection: Axis.horizontal,
   children: <Widget>[
      Container(
        width: 160.0,
        color: Colors.red,
      ),
      Container(
        width: 160.0,
        color: Colors.blue,
      ),
      Container(
        width: 160.0,
        color: Colors.green,
      ),
      Container(
        width: 160.0,
        color: Colors.yellow,
      ),
      Container(
        width: 160.0,
        color: Colors.orange,
      ),
    ],
  ),

举个例子，看看这里的颤振文档

要获取您在示例中提到的列表元素的样式，只需使用带有BoxDecoration（颜色、边框、边框半径）的 Container。当你想用它制作实际的按钮时，用这个包装你创建的容器：

Material(
  color: Colors.transparent,
  child: InkWell(
    onTap: tapHandler,
    splashColor: splashColor,
    highlightColor: highlightColor,
    borderRadius: BorderRadius.circular(6),
    child: child,
  ),
)

只需用您自己的值替换变量即可。

推荐阅读