Flutter 使ListView.builder（）显示下一个（或上一个）元素的一小部分

如何使ListView.builder（）显示下一个（或上一个）元素的一小部分

我有一个

ListView.builder（）

，它工作正常，但我想让用户知道有一个滚动功能，他们需要滚动

如何才能做到这一点

我的输出：-

预期产出：-

如何才能做到这一点

这是我的密码

回归未来建设者(
未来：类别，
生成器：（BuildContext上下文，异步快照）{
返回ListView.builder(
itemCount:snapshot.data.length，
滚动方向：轴水平，
itemBuilder：（上下文，索引）{
返回手势检测器(
孩子：填充(
填充：常数边集全部（4.0），
子：容器(
孩子：填充(
衬垫：
LTRB的常数边集（16.0,7.0,16.0,10.0），
子：文本(
snapshot.data[index].name，
样式：TextStyle(
颜色：颜色，白色，
字体大小：18.0，
fontWeight:fontWeight.bold），
),
),
装饰：盒子装饰(
边界半径：边界半径。圆形（25.0），
颜色：颜色[索引]，
),
),
),
onTap:（）=>Navigator.push(
上下文
材料路线(
生成器：（上下文）=>Posts(
类型：PostsFetchByType.categories，
CategoryTagId:[snapshot.data[index].id]，
))),
);
});
});

创建一个带有初始offfset的scrollcontroller：

scrollController = ScrollController(
   initialScrollOffset: 10 // put your value here
);

然后将其添加到ListViewBuilder：

return ListView.builder(
    ...
    controller: scrollController,
    ...
)

但是，由于您希望显示滚动条是可滚动的，您还可以通过如下方式包装ListViewBuilder来添加滚动条：

Scrollbar(
    child: ListView.builder(...),
)