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

时间:2020-10-21 01:12:16

标签: flutter listview scrollbar

我有一个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
    ],
   )
});

1 个答案:

答案 0 :(得分:0)

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