在颤振/飞镖中与图像下的小部件交互

Posted 2023-02-23

【中文标题】在颤振/飞镖中与图像下的小部件交互

【英文标题】：Interact with widget under an image in flutter/dart

【发布时间】：2020-12-04 11:05:34

【问题描述】：

我有一个问题，如何在列表视图上制作图像并且仍然能够在列表视图上滚动？就像滚动图像一样，图像不会移动。 当我将它们与“堆栈小部件”堆叠在一起时，我仍然无法滚动，只能在滚动视图的顶部没有图像的部分中滚动。 请帮帮我，这就像我已经开发了 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'),
 ],
),

【参考方案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')),
        ],
      ),

【讨论】：

感谢很多，帮助了很多:)