Flutter-GestureDetector缩放手势

在使用GestureDetector组件做手势控制的时候，我们还会接触到缩放手势。这篇博客主要分享Flutter GestureDetector缩放手势的知识，希望对看文章的小伙伴有所帮助。

缩放事件的API

简单的使用代码

GestureDetector(
        child: Center(
          child: GestureDetector(
            child: Container(
              //使用OverflowBox可以让子组件宽高超过父组件
              child: OverflowBox(
                maxWidth: 2000.0,
                child: Image.asset('images/flutter.png', width: width),
              ),
            ),
            onScaleUpdate: (ScaleUpdateDetails e) {
              setState(() {
                //缩放倍数在0.8到10倍之间
                width = 200 * e.scale.clamp(0.8, 10);
              });
            },
          ),
        ),
      )

这个代码可以直接复制到编译器上面使用，本地图片你可以自己找或者，直接使用博客中开头的图片。