gpt4 book ai didi

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

转载 作者:IT王子 更新时间:2023-10-29 07:05:59 25 4
gpt4 key购买 nike

我们是否可以将小部件放在屏幕前面,而让其他小部件放在屏幕后面?,尝试过 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小部件,我从昨天开始就遇到了这个问题,找不到任何解决方案,有人可以帮我解决这个问题吗?谢谢!

最佳答案

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

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

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

关于google-maps - Flutter如何带上前端widget,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52716655/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com