flutter - 如何在 flutter 二维码扫描仪中添加捏合缩放功能？

Question

我正在使用 qr_code_scanner 开发二维码扫描仪应用程序flutter 包。我无法在其上添加捏缩放功能。是否有添加此功能或其他支持捏缩放功能的二维码扫描器包？请帮我解决这个问题。

Answer 1

InteractiveViewer可以帮助您实现捏合、缩放。 看一下这个: https://api.flutter.dev/flutter/widgets/InteractiveViewer-class.html

如果需要双击缩放，请使用 GestureDetector 包装 InteractiveViewer 并实现 onDoubleTap

onDoubleTapDown: _handleDoubleTapDown,
              onDoubleTap: () {
                kLogger.i('--> on double tap');
                _handleDoubleTap();
              },
_____

void _handleDoubleTapDown(TapDownDetails details) {
    _doubleTapDetails = details;
}

void _handleDoubleTap() {
    if (_transformationController.value != Matrix4.identity()) {
    _transformationController.value = Matrix4.identity();
} else {
      final position = _doubleTapDetails.localPosition;
      // For a 3x zoom
      _transformationController.value = Matrix4.identity()
        ..translate(-position.dx * 2, -position.dy * 2)
        ..scale(3.0);
      // Fox a 2x zoom
      // ..translate(-position.dx, -position.dy)
      // ..scale(2.0);
    }
}