google_maps_flutter setMapStyle before GoogleMap widget is rendered #66207
Description
Internal: b/249358651
Use case
It's currently possible to set a custom map style once the GoogleMap widget is rendered.
GoogleMap(
onCameraMove: (CameraPosition cameraPosition) {
loadNewPubs(cameraPosition);
},
onMapCreated: _onMapCreated,
initialCameraPosition: CameraPosition(
target: LatLng(lat, lng),
zoom: 15,
),
myLocationButtonEnabled: false,
myLocationEnabled: true,
mapToolbarEnabled: false,
zoomControlsEnabled: false,
markers: Set<Marker>.of(markers.values),
),
void _onMapCreated(GoogleMapController controller) {
setState(() {
_mapController = controller;
_mapController.setMapStyle(_mapStyle).whenComplete(() {
});
});
}
This results in a "flash" which is especially disturbing when using a dark map style.
Demonstrated in this video on an iPhone 11 Pro simulator.
The behavior:
- the widget isn't loaded: a pure white screen is rendered for a few 100 milliseconds.
- the default map style is rendered white yellow (beige) color, this is more visible.
- the custom map style is rendered
Proposal
To avoid step 1: a possibility to set a custom background color (now it's the color white).
To avoid step 2: a possibility to set the map style before the googleMap widget is rendered and not on onMapCreated.