Flutter Widget 之 InteractiveViewer

相对于你想要显示的图标或照片 荧幕总是太小，一个手机的屏幕不能展现它所有的辉煌

这就是Flutter为什噩梦提供InteractiveViewer的原由。

在你互通浏览的时候，就使用这个优美放大的浏览器吧

InteractiveViewer(
    child: MyBigWidget();
);

好极了！用户可以放大或缩小，并浏览全景。在默认情景下，interactiveViewer会限制内容的尺寸，让它局限在内。

但可以设置其限制值为false,你可以使用内部器件来设置尺寸，即使那意味着某些部分在开始的时候看不见

InteractiveViewer(
    constrained: false,
    child: MyBigWidget(),
);

还有其他一些方法来克制你的InteractiveViewer:

InteractiveViewer(
    constrained: false,
    scaleEnabled: false,//限制行动
    boundaryMargin: EdgeInsets.all(42),//加上边界
    onInteractionStart: _handleInteraction,//登记回调等
    transformationController: _controller,//你甚至可以提供自己的控制器，以编程方式平移和缩放。
    child: MyBigWidget(),
);

所以，如果下一次你的部件大于设备，考虑使用InteractiveViewer widget

如果想了解有关InteractiveViewer 的内容，或者关于Flutter的其他功能，请访问flutter.dev

原文翻译自视频：视频地址