Принесите модальный нижний лист при нажатии маркера карты Google

Question

Я хочу привести модальный нижний лист после нажатия маркера карты Google и отобразить некоторые динамические данные, используя флаттер

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'),
        )
      ],
    );
  }