同一屏幕上的 Google 地图和列表视图

Question

我想让屏幕像在顶部显示 google 地图和一个过滤表单，然后最后显示垂直列表视图。我有很多尝试，但地图不是垂直滚动，它需要列表视图的滚动。

以及如何在地图中添加缩放加号和缩放减号按钮

我的小部件树就像 ..mapView 是 GoogleMap 小部件。

 return ListView(
         children: <Widget>[
           SizedBox(height: mapHeight, child: MapView()),
            ListView(
             physics: const NeverScrollableScrollPhysics(),
             shrinkWrap: true,
             children: <Widget>[
               getForm(context),
               getWorkerList(context)
             ],
           ) ,
         ],
       );

再试一次，但没有得到正确的输出

 return ListView(
  children: <Widget>[
    SizedBox(
      height: 300,
      child: ListView(
        //i want to disable listview scrolling when scroll on map
        physics: NeverScrollableScrollPhysics(),
        children: <Widget>[
          Container(
            height: 300,
            child: MapView1()),
        ],
      )),
  getForm(context),
  getWorkerList(context)
  ],
);

MapView代码

     @override
  Widget build(BuildContext context) {
    return  GoogleMap(
     mapToolbarEnabled: true,
     myLocationEnabled: true,
     zoomGesturesEnabled: true,
     scrollGesturesEnabled: true,
     rotateGesturesEnabled: true,
     myLocationButtonEnabled: true,
     gestureRecognizers: Set()
       ..add(
           Factory<PanGestureRecognizer>(() => PanGestureRecognizer()))
       ..add(
         Factory<VerticalDragGestureRecognizer>(
             () => VerticalDragGestureRecognizer()),
       )
       ..add(
         Factory<HorizontalDragGestureRecognizer>(
             () => HorizontalDragGestureRecognizer()),
       )
       ..add(
         Factory<ScaleGestureRecognizer>(
             () => ScaleGestureRecognizer()),
       ),
     initialCameraPosition: CameraPosition(
       target: LatLng(41.143029, -8.611274),
       zoom: _currentZoom,
     ),
     markers: _markers,
     onMapCreated: (controller) => _onMapCreated(controller),
     onCameraMove: (position) => _updateMarkers(position.zoom),
            );
  }

想要的结果：

Answer 1

将此行添加到您的 googlemap 小部件

gestureRecognizers: Set()..add(Factory<EagerGestureRecognizer>(() => EagerGestureRecognizer())),

像这样

GoogleMap(
          mapType: MapType.normal,
          initialCameraPosition: CameraPosition(
            target: LatLng(double.parse(widget.latitude), double.parse(widget.longitude)),
            zoom: 15.4746,
          ),
          onMapCreated: (GoogleMapController controller) {
            _controller.complete(controller);
          },
          gestureRecognizers: Set()..add(Factory<EagerGestureRecognizer>(() => EagerGestureRecognizer())),
)

同一屏幕上的 Google 地图和列表视图

GoogleMap and ListView on the same sreen

google-maps

flutter

dart

flutter-listview