Modalbottomsheet上的InteractiveViewer

Question

我正在尝试使用InteractiveViewer使用showmodalbottomsheet。我希望用户能够缩放，然后使用捏和锅手势浏览照片。不幸的是，当我垂直做一个锅手势时，垂直draggesturerecognizer在手势领域的scale> scale> scale> scale> scale> scale> scale> scale>。

flutter: Gesture arena 48   ❙ ★ Opening new gesture arena.
flutter: Gesture arena 48   ❙ Adding: ScaleGestureRecognizer#962c4(debugOwner: GestureDetector)
flutter: Gesture arena 48   ❙ Adding: VerticalDragGestureRecognizer#57396(debugOwner: GestureDetector, start behavior: start)
flutter: Gesture arena 48   ❙ Closing with 2 members.
flutter: Gesture arena 48   ❙ Accepting: VerticalDragGestureRecognizer#57396(debugOwner: GestureDetector, start behavior: start)
flutter: Gesture arena 48   ❙ Self-declared winner: VerticalDragGestureRecognizer#57396(debugOwner: GestureDetector, start behavior: start)

这是我所知道的底部表代码

class PhotoViewerSheet extends StatelessWidget {
  static String route = '/photo-viewer';

  final ScoutingNoteAttachmentFile image;

  const PhotoViewerSheet({
    Key? key,
    required this.image,
  }) : super(key: key);

  static Future<void> show(BuildContext context) {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
      builder: (context) => Container(
        decoration: const BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(16.0),
            topRight: Radius.circular(16.0),
          ),
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          children: [
            const SizedBox(height: 10),
            const AppBottomSheetHeader(text: 'Photo'),
            const SizedBox(height: 10),
            SizedBox(
              height: context.screenHeight * 0.5,
              width: context.screenWidth,
              child: InteractiveViewer(
                child: const FlutterLogo(size: 200),
              ),
            ),
          ],
        ),
      ),
    );
  }
  
}

，在这种情况下，RawgentureDetector可能会有所帮助，但我不知道如何在这里使用它。

Answer 1

您可以使用indrorepointer或apporbpointer如果要禁用其他手势检测器
喜欢：

IgnorePointer(
  ignoring: true,
  child: SizedBox(
              height: context.screenHeight * 0.5,
              width: context.screenWidth,
              child: InteractiveViewer(
                child: const FlutterLogo(size: 200),
              ),
            )),

或者您也可以为transformationController添加transformation Controller
喜欢

InteractiveViewer(
                        transformationController: _transformationController,
                          onInteractionUpdate: (v) {
                            setState(() {
                              interactiveScale = _transformationController.value
                                  .getMaxScaleOnAxis();
                            });
                          },)