Flutter-使用所有子项右侧的滚动条创建可滚动的ListView

问题描述

我有一个iOS / android Flutter应用程序小部件清单，例如具有2个月视图的日期范围选择器，可以自动响应触摸。

我试图添加一个滚动条来帮助用户更轻松地在列表中上下滚动，但是滚动条与日期选择器重叠。关闭一个像素，然后更改日期而不是滚动。

我想要一个位于所有小部件右边的滚动条，以便触摸区域清晰地分开。签出这个stackoverflow屏幕作为视觉参考。滚动条和主体不重叠

我的简化代码：

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软件包