google-maps - Flutter如何带上前端widget

Question

我们是否可以将小部件放在屏幕前面，而让其他小部件放在屏幕后面？，尝试过 Stack小部件但不工作，我正在使用 flutter 实现 Google map google_maps_flutter库，请参见下面的代码:

import 'dart:ui' as ui;
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:flutter/material.dart';

final size = MediaQueryData.fromWindow(ui.window).size;
final GoogleMapOverlayController controller =
    GoogleMapOverlayController.fromSize(
  width: size.width,
  height: size.height,
);

class GoogleMapView extends StatefulWidget {
  _GoogleMapViewState createState() => _GoogleMapViewState();
}

class _GoogleMapViewState extends State<GoogleMapView> {
  final mapController = controller.mapController;
  final Widget mapWidget = GoogleMapOverlay(controller: controller);

  @override
  void initState() {
    super.initState();
    GoogleMapController.init();
  }

  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Container(
        alignment: Alignment.center,
        height: size.height,
        width: size.width,
        child: new Stack(
          children: <Widget>[
            mapWidget,
            new Container(
              height: 100.0,
              alignment: Alignment.topCenter,
              child: new Text('Hey there!'),
            )
          ],
        ),
      ),
      navigatorObservers: <NavigatorObserver>[controller.overlayController],
    );
  }
}

参见 screenshot它应该在屏幕上角对齐的谷歌地图顶部有一个红色。如何使用 flutter 实现此功能 Stack小部件，我从昨天开始就遇到了这个问题，找不到任何解决方案，有人可以帮我解决这个问题吗？谢谢!

Answer 1

Stack 可以很好地用于此目的，只是 Google map 插件正在呈现无法被其他内容覆盖的 native View 。

您可能想关注 https://github.com/flutter/flutter/issues/73

具体看这条评论https://github.com/flutter/flutter/issues/73#issuecomment-417040742