谷歌地图颤动手势在堆栈内不起作用

Question

我正在使用 google_maps_flutter。我的小部件树是 Scaffold -> SingleChildScrollView -> Stack，然后是谷歌地图。我无法使用手势放大和缩小。

SingleChildScrollView( Stack(
            children: <Widget>[
              Container(
                height: MediaQuery.of(context).size.height - 10.0,
                width: MediaQuery.of(context).size.width * 1,
                child: _mapView
                    ? GoogleMap(
                        initialCameraPosition: CameraPosition(
                            target: _outletData[0].locationCoords, zoom: 12.0),
                        markers: Set.from(allMarkers),
                        onMapCreated: mapCreated,
                        zoomControlsEnabled: false,
                        zoomGesturesEnabled: true,
                        scrollGesturesEnabled: true,
                        compassEnabled: true,
                        rotateGesturesEnabled: true,
                        mapToolbarEnabled: true,
                        tiltGesturesEnabled: true,
                       
                      )
                    : Container(),
              ),

我也尝试了下面的代码，但仍然无法使用两指触摸放大缩小

Stack(
            children: <Widget>[
              Container(
                height: MediaQuery.of(context).size.height - 10.0,
                width: MediaQuery.of(context).size.width * 1,
                child: _mapView
                    ? GoogleMap(
                        initialCameraPosition: CameraPosition(
                            target: _outletData[0].locationCoords, zoom: 12.0),
                        markers: Set.from(allMarkers),
                        onMapCreated: mapCreated,
                        zoomControlsEnabled: false,
                        zoomGesturesEnabled: true,
                        scrollGesturesEnabled: true,
                        compassEnabled: true,
                        rotateGesturesEnabled: true,
                        mapToolbarEnabled: true,
                        tiltGesturesEnabled: true,
                        gestureRecognizers: Set()
                          ..add(Factory<PanGestureRecognizer>(
                              () => PanGestureRecognizer()))
                          ..add(Factory<ScaleGestureRecognizer>(
                              () => ScaleGestureRecognizer()))
                          ..add(Factory<TapGestureRecognizer>(
                              () => TapGestureRecognizer()))
                          ..add(
                            Factory<VerticalDragGestureRecognizer>(
                                () => VerticalDragGestureRecognizer()),
                          ),
                      )
                    : Container(),
              ),

Answer 1

SingleChildScrollView 只支持垂直拖动，用于滚动。

将gestureRecognizers 与EagerGestureRecognizer 添加到GoogleMap 小部件将允许在视图边界内调度所有触摸事件。这包括用于放大和缩小地图的 2 个手指捏合手势。这将需要以下颤振包：

import 'package:flutter/foundation.dart';
import 'package:flutter/gestures.dart';

将此添加到您的 GoogleMap 小部件中：

gestureRecognizers: < Factory < OneSequenceGestureRecognizer >> [
    new Factory < OneSequenceGestureRecognizer > (
        () => new EagerGestureRecognizer(),
    ),
].toSet()

这是一个示例代码：

GoogleMap(
    initialCameraPosition:
    CameraPosition(target: LatLng(-34.397, 150.644)),
    onMapCreated: _onMapCreated,
    zoomControlsEnabled: false,
    zoomGesturesEnabled: true,
    scrollGesturesEnabled: true,
    compassEnabled: true,
    rotateGesturesEnabled: true,
    mapToolbarEnabled: true,
    tiltGesturesEnabled: true,
    gestureRecognizers: < Factory < OneSequenceGestureRecognizer >> [
        new Factory < OneSequenceGestureRecognizer > (
            () => new EagerGestureRecognizer(),
        ),
    ].toSet()
)

我希望这会有所帮助！祝你的项目好运