无论如何,我们可以将小部件放在屏幕前面,让其他小部件放在屏幕后面吗?,尝试Stack
小部件但不起作用,我正在使用颤振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],
);
}
}
查看屏幕截图,它应该在屏幕右上角对齐的谷歌地图顶部具有红色。 如何使用颤振Stack
小部件实现这一点,我从昨天开始就遇到了这个问题,找不到任何解决方案,任何人都可以帮我解决这个问题吗?谢谢!
Stack 可以很好地用于此目的,只是 Google 地图插件正在渲染一个本机视图,该视图还不能被其他东西覆盖。
您可能想关注 https://github.com/flutter/flutter/issues/73
特别看到这个评论 https://github.com/flutter/flutter/issues/73#issuecomment-417040742