title: Navigating from a page to another page container google_maps results in a blank black screen
body: <p>I want to navigate to google_maps from my app. But when I click an Iconbutton mapped to the googe_map page, a blank black screen apears. </p>
  
  <p>This is the snippet of the Iconbutton.</p>
  
  <pre><code>                    leading: new IconButton(
                        tooltip: 'Previous choice',
                        icon: const Icon(
                          Icons.location_on,
                          size: 45,
                        ),
                        onPressed: () {
                          print('button clicked');
                          Navigator.pushReplacement(
                              context,
                              MaterialPageRoute(
                                builder: (context) =&gt; MapAdd(),
                              ));
                        },
                      ),
  </code></pre>
  
  <p>EDIT: The code for MapAdd(). When I run this code as a standalone entity, it runs and the map shows, but as soon as combine it with other pages, a blank screen appears when i navigate to the page through IconButton.</p>
  
  <pre><code>class MapAdd extends StatefulWidget {
    @override
    _MapAddState createState() =&gt; _MapAddState();
  }
  
  class _MapAddState extends State&lt;MapAdd&gt; {
    Completer&lt;GoogleMapController&gt; _controller = Completer();
  
    GoogleMapController mapController;
  
    static const LatLng _center = const LatLng(27.7172, 85.3240);
  
    final Set&lt;Marker&gt; _markers = {};
  
    LatLng _lastMapPosition = _center;
  
    MapType _currentMapType = MapType.normal;
  
    @override
    void initState() {
      super.initState();
      PermissionHandler()
          .checkPermissionStatus(PermissionGroup.locationWhenInUse)
          .then(_updateStatus);
    }
  
    void _onMapTypeButtonPressed() {
      setState(() {
        _currentMapType = _currentMapType == MapType.normal
            ? MapType.satellite
            : MapType.normal;
      });
    }
  
    void _onAddMarkerButtonPressed() {
      setState(() {
        _markers.add(Marker(
          // This marker id can be anything that uniquely identifies each marker.
          markerId: MarkerId(_lastMapPosition.toString()),
          draggable: true,
          position: _lastMapPosition,
  
          infoWindow: InfoWindow(
            title: 'Really cool place',
            snippet: '5 Star Rating',
          ),
          icon: BitmapDescriptor.defaultMarker,
        ));
      });
    }
  
    void _onCameraMove(CameraPosition position) {
      _lastMapPosition = position.target;
    }
  
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            ),
          ),
          body: Stack(
            children: &lt;Widget&gt;[
              Container(
                child: GoogleMap(
                  onMapCreated: (GoogleMapController controller) {
                    mapController = controller;
                  },
                  initialCameraPosition: CameraPosition(
                    target: _center,
                    zoom: 11.0,
                  ),
                  mapType: _currentMapType,
                  markers: _markers,
                  rotateGesturesEnabled: true,
                  scrollGesturesEnabled: true,
                  tiltGesturesEnabled: true,
                  onCameraMove: _onCameraMove,
                ),
              ),
            ],
          ),
        ),
      );
    }
  }
  
  </code></pre>
  
  <p>EDIT : The navigation works when I remove the buttons and text field. But it doesn't work when I add the following part inside the "body:Stack" :</p>
  
  <pre><code> Padding(
                padding: const EdgeInsets.all(18.0),
                child: Column(
                  children: &lt;Widget&gt;[
                    TextField(
                      textInputAction: TextInputAction.search,
                      decoration: InputDecoration(
                          filled: true,
                          fillColor: Colors.white,
                          hintText: "Select Delivery Address",
                          border: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(25.0)),
                          contentPadding: EdgeInsets.only(left: 15.0, top: 15.0),
                          suffixIcon: IconButton(
                            icon: Icon(Icons.search),
                            onPressed: () {
                              print("Map button clicked");
                            },
                            iconSize: 30.0,
                          )),
                    ),
                    SizedBox(height: 16.0),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: &lt;Widget&gt;[
                        FloatingActionButton(
                          onPressed: _onMapTypeButtonPressed,
                          materialTapTargetSize: MaterialTapTargetSize.padded,
                          backgroundColor: Colors.green,
                          child: const Icon(Icons.map, size: 36.0),
                        ),
                      ],
                    ),
                    SizedBox(height: 16.0),
                    Row(
                      mainAxisAlignment: MainAxisAlignment.end,
                      children: &lt;Widget&gt;[
                        FloatingActionButton(
                          onPressed: _onAddMarkerButtonPressed,
                          materialTapTargetSize: MaterialTapTargetSize.padded,
                          backgroundColor: Colors.green,
                          child: const Icon(Icons.add_location, size: 36.0),
                        ),
                      ],
                    ),
                  ],
                ),
              ),
  </code></pre>