Child 滚动条影响 parent 滚动条？

Question

我在高层有滚动条，child滚动条在树下几层。当滚动 child 时，parent 也会滚动。只是滚动条在 parent 中显示和移动。这不会发生相反的情况。我试过将 child 包裹在手势检测器中，但没有用。顺便说一句，这是 Web

这是 parent 布局小部件（child 是 children 将呈现的位置）：

Scrollbar(
    controller: layoutScrollController,
    child: SingleChildScrollView(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          if(title != null) Container(
            height: 67,
            width: MediaQuery.of(context).size.width,
            decoration: BoxDecoration(
                color:Theme.of(context).brightness == Brightness.dark ? GatheredThemeColors.light[850] : Colors.white,
                border: Border(
                    bottom: BorderSide(
                        color: Theme.of(context).brightness == Brightness.dark ? GatheredThemeColors.light[800] : GatheredThemeColors.light[200],
                        width: 1
                    )
                )
            ),
            padding: EdgeInsets.all(20),
            child: Text(title,style: Theme.of(context).textTheme.headline1,),
          ),
          Container(
            padding: EdgeInsets.all(20),
            constraints: BoxConstraints(minHeight: 200),
            child: child,
          ),
        ],
      ),
    ),
  );
}

在下图中，"Reports" 区域是导致 parent 滚动的 child。查找报告列表。报告列表是一个 ListView 小部件。

Answer 1

这是一个解决方法，我找不到参考资料，但看起来 flutter 团队正在解决这个问题。

在这里。像这样包裹你的滚动条：

NotificationListener<ScrollNotification>(
    onNotification: (notification) => true,
    child: Scrollbar()
)

Child 滚动条影响 parent 滚动条？

Child Scrollbar affects parent scrollbar?

flutter

flutter-web

flutter-scrollbar