我正在创建一个包含图像列表的 PageView,并且我想向每个图像添加 InteractiveViewer,以便可以调整其大小以查看详细信息。
这是我写的:
PageView.builder(
dragStartBehavior: DragStartBehavior.start,
physics: _viewing ? NeverScrollableScrollPhysics() : ClampingScrollPhysics(),
controller: _pageController,
itemBuilder: (context, index) {
return Container(
child: Expanded(
child: Image.network(widget.snapshotList[index].imgUrl),
)
);
},
onPageChanged: (index) {
setState(() {
this.position = index;
_transformationController.value = Matrix4.identity();
});
},
itemCount: widget.snapshotList.length,
)
Run Code Online (Sandbox Code Playgroud)
但这两个滚动条似乎相互竞争,而且行为很混乱。
例如,一旦图像放大,滚动手势也会触发页面移动,似乎是因为视口没有随图像本身一起放大。
有什么解决办法吗?谢谢大家。