在 flutter/dart 中与图像下的小部件进行交互

Question

我有一个问题，如何在列表视图顶部制作图像并且仍然能够在列表视图上滚动？就像滚动图像一样，所以图像不会移动。当我将它们与 'stack widget' 堆叠在一起时，我仍然无法滚动，只能在滚动视图的顶部没有图像的部分滚动。请帮助我，这就像我已经开发了 6 周的应用程序的很大一部分，如果我不能让它工作，我的应用程序就完成了！

这是一个例子：

Stack(
children: <Widget>[
  ListView(
    controller: scrollController,
    children: <Widget>[
      Container(
       child: Text('widget 1'),
      ),
      Container(
       child: Text('widget 2'),
      ),
      Container(
       child: Text('widget 3'),
      ),
     ],
    ),
    Image.asset('assets/myImage.png'),
 ],
),

Answer 1

您可以使用 IgnorePointer 小部件包裹图像：

Stack(
        children: <Widget>[
          ListView(
            controller: scrollController,
            children: <Widget>[
              Container(
                child: Text('widget 1'),
              ),
              Container(
                child: Text('widget 2'),
              ),
              Container(
                child: Text('widget 3'),
              ),
            ],
          ),
          IgnorePointer(child: Image.asset('assets/myImage.png')),
        ],
      ),

在 flutter/dart 中与图像下的小部件进行交互

Interact with widget under an image in flutter/dart

stack

interaction

widget

flutter

flutter-layout