google-maps - 点击谷歌地图标记时显示模态底部工作表

Question

我想在点击谷歌地图标记时带来一个模态底部工作表，并使用 flutter 显示一些动态数据

Answer 1

您可以对标记的 onTap 事件进行编程以显示模态底部工作表:

  final Marker marker = Marker(
    markerId: markerId,
    position: LatLng(lat, lon),
    onTap: () {
      controller.animateCamera(CameraUpdate.newCameraPosition(
          new CameraPosition(
              target: LatLng(lat, lon), zoom: 18)));
      showModalBottomSheet(
          context: context,
          builder: (builder) {
            return Container(
              child: _buildBottonNavigationMethod(your_data),
            );
          });
    },
  );

---

在这里您可以根据需要构建您的小部件:

Column _buildBottonNavigationMethod(your_data) {
    return Column(
      mainAxisSize: MainAxisSize.min,
      children: <Widget>[
        ListTile(
          leading: Icon(Icons.ac_unit),
          title: Text('Add as favourite'),
        )
      ],
    );
  }