Flutter-创建可滚动的ListView,滚动条位于所有子项的右侧



我有一个iOS/android的小部件应用程序,比如一个具有2个月视图的日期范围选择器,可以对触摸做出响应。

我试图添加一个滚动条来帮助用户更容易地在列表中上下滚动,但滚动条与日期选择器重叠。一个像素关闭,您可以更改日期而不是滚动。

我想要一个滚动条在我所有小部件的右边,这样触摸区域就可以清楚地分开。看看这个堆叠式流动屏幕作为视觉参考。滚动条和正文不重叠

我的缩写代码:

Widget build(BuildContext context) {
return Scaffold(
resizeToAvoidBottomInset : true,
body: Scrollbar(
isAlwaysShown: true,
thickness: 25.0,
radius:Radius.circular(5.0),
controller: _scrollController,
child: ListView(
controller: _arrowsController,
children: [
Text('Some text'),
SizedBox(height:10.0,),
collapsingCalendarWidget // contains a dateview picker and other goodies
],
)
});

默认ScrollBar小部件不可拖动,但您可以检查draggable_scrollbar包

最新更新