dart 垂直方向缩放不工作时,listview是 Package 与交互式查看器小部件在Flutter

cvxl0en2  于 2023-07-31  发布在  Flutter
关注(0)|答案(1)|浏览(107)

要求:需要有捏缩放/平移在所有方向和滚动与投掷支持
面临的问题:为了实现这个场景,我们尝试用interactiveviewer Package listview.builder,但是在这个例子中,只有x轴(即水平缩放单独工作,不能在y方向上缩放。我怀疑在垂直缩放时,Listview小部件的手势会胜出。使用listView的原因是有n个小部件/子部件。所以有没有什么变通办法来实现我的要求,请帮助我在这方面,提前感谢。我已经附上了下面的代码,我已经尝试。

也请让我知道是否有任何其他部件在Flutter实现我的功能。

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {

  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Container(
        color: Colors.red,
        child: InteractiveViewer(
          child: ListView.builder(
            itemCount: 30,
            itemBuilder: (context, index) {
              return Image.network(
                'https://images.pexels.com/photos/213780/pexels-photo-213780.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500',
              );
            },
          ),
        ),
      ),
    );
  }
}

字符串

axkjgtzd

axkjgtzd1#

将受约束的属性值设置为false

InteractiveViewer(
  constrained: false,
...

字符串

相关问题