title: Prevent Google map from scrolling inside SingleChildScrollView
body: <p>I have a google map inside a &quot;SingleChildScrollView&quot; along with several other widgets.</p>
  <p>The map does take large part of the screen height.</p>
  <p>When I scroll the content and come to the map area and try to scroll, the whole page does not scroll. It scroll the map.</p>
  <p>Is there a way to resolve this?</p>
  <p>I still want to scroll the map also.
  Maybe enable 2 finger scrolling on the google map?</p>
  <pre><code>GoogleMap(
                mapType: MapType.normal,
                initialCameraPosition: _cameraStartPos,
                onMapCreated: (GoogleMapController controller) {
                  _mapController = controller;
                  controller.setMapStyle(_mapStyle);
                },
                onCameraMove: (CameraPosition pos) {
                  _zoomLevel = pos.zoom;
                  _zoomLevelChanged();
                },
                onTap: null,
                myLocationButtonEnabled: false,
                zoomControlsEnabled: true,
                zoomGesturesEnabled: true,
                mapToolbarEnabled: true,
                gestureRecognizers: Set()
                  ..add(
                      Factory&lt;PanGestureRecognizer&gt;(() =&gt; PanGestureRecognizer()))
                  ..add(Factory&lt;ScaleGestureRecognizer&gt;(
                      () =&gt; ScaleGestureRecognizer()))
                  ..add(Factory&lt;VerticalDragGestureRecognizer&gt;(
                      () =&gt; VerticalDragGestureRecognizer())),
                markers: Set.of(_markers.values),
              )
  </code></pre>