Flutter中的谷歌map没有响应touch 事件

发布于01月25日

我在Flitter应用程序中看到了两个不同的屏幕，它们使用谷歌 map (由这library名用户提供).

第一个小部件的 struct 是

Scaffold -> ListView -> Visibility -> Center -> SizedBox -> GoogleMap

对于第二个屏幕，它是

Scaffold -> Container -> Column -> SizedBox -> GoogleMap

在两个屏幕上，我得到了相同的 map 设置，但是由于某些原因，第一个屏幕上的 map 没有响应任何touch 事件.

推荐答案

您需要通过设置gestureRecognizers属性来告诉GoogleMap小部件您希望它响应哪些手势，如下所示:

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

...

GoogleMap(
  initialCameraPosition: CameraPosition(
    target: LatLng(0, 0),
  ),
  gestureRecognizers: Set()
    ..add(Factory<PanGestureRecognizer>(() => PanGestureRecognizer()))
);

这并不是GoogleMap小部件所特有的，您需要对任何在幕后使用AndroidView/UIKitView来处理放置在可滚动视图中的手势的小部件执行此操作.