列表视图中带有刻度/平移的画布。如何禁用滚动

Question

对不起我的英语。有什么不懂的可以问一下。

你好！一般来说，我有一个listView，它是gestureDetector的元素之一，画布位于其中。 Canvas 绘制图案。

我需要这个方案来增加和“滚动”。我已经注册了逻辑本身并且一切正常，但是！如果你开始在画布区域上下移动，它不会移动画布，而是在 listView 中滚动。我在互联网上搜索了这些漏洞，但一无所获。粗略地说，我需要当用户在gestureDetector区域上下移动时，所有事件都发送到那里，而不是发送到listView（父组件）。

我有这样的结构

ListView (
...
    child: GestureDetector(
    ...
       child: ...
             child: CustomPaint(...))
)

我尝试在我的手势检测器上设置“行为：HitTestBehavior.translucent”，但没有帮助。

Answer 1

您可以使用物理属性启用/禁用 ListView 的滚动：

   bool scrollListEnable = true;

      @override
      Widget build(BuildContext context) {
        return Scaffold(
            body: ListView(
          physics: scrollListEnable
              ? AlwaysScrollableScrollPhysics()
              : NeverScrollableScrollPhysics(),
          children: <Widget>[
            Listener(
              onPointerMove: (details) {
                print("onPointerMove : $details");
                if (scrollListEnable) {
                  setState(() {
                    scrollListEnable = false;
                  });
                }
              },
              onPointerUp: (details) {
                print("onPointerUp : $details");
                setState(() {
                  scrollListEnable = true;
                });
              },
              child: Container(
                height: 200.0,
                width: 200.0,
                color: Colors.red,
              ),
            )
          ],
        ));
      }