颤动我的谷歌地图在发布版本上不起作用或显示
Posted
技术标签:
【中文标题】颤动我的谷歌地图在发布版本上不起作用或显示【英文标题】:Flutter my google map isnt working or showing on release build 【发布时间】:2021-06-12 08:58:42 【问题描述】:我在我的应用程序及其工作文件中使用谷歌地图,但问题是当我创建发布构建地图时没有显示我可以看到很少的地图阴影和缩放控制按钮但它不可见不要知道当我在调试模式下运行时发生了什么,它工作得非常好。
我的代码
Stack(
children: [
GoogleMap(
mapType: MapType.normal,
initialCameraPosition: CameraPosition(
target: loading == false
? currentPostion
: LatLng(1.0, 1.0),
zoom: 18,
tilt: 50),
markers:
Set<Marker>.of(markers.values), // YOUR MARKS IN MAP
),
Align(
alignment: Alignment.bottomCenter,
child: Flexible(
flex: 1,
child: ClipRRect(
borderRadius: BorderRadius.circular(40.0),
child: Padding(
padding: EdgeInsets.fromLTRB(18.0, 0.0, 18.0, 15.0),
child: Container(
color: Colors.white,
height:
MediaQuery.of(context).size.height * 0.25,
width: MediaQuery.of(context).size.width,
child: Center(
child: Column(
children: [
Container(
color: Color(0xfff5f6fb),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Center(
child: Text(
'EVENT SUMMARY',
style: TextStyle(
fontFamily: 'UbuntuRegular',
fontSize: 15,
color: Color(0xff8f9ba8)),
)),
),
),
Center(
child: Container(
margin: EdgeInsets.all(10),
padding: EdgeInsets.all(10),
width:
MediaQuery.of(context).size.height *
0.08,
height:
MediaQuery.of(context).size.height *
0.08,
child: Center(
child: Column(
crossAxisAlignment:
CrossAxisAlignment.center,
mainAxisAlignment:
MainAxisAlignment.center,
children: <Widget>[
Text(
"01",
style: TextStyle(
fontFamily: 'UbuntuRegular',
fontSize: 22,
color: Colors.white),
textAlign: TextAlign.center,
),
],
),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(
Radius.circular(200),
),
color: Color(0xffff8300),
),
),
),
Text(
capitalize(widget.data['eventType']),
style: TextStyle(
fontFamily: 'UbuntuRegular',
fontSize: 16,
color: Colors.black54),
),
SizedBox(
height:
MediaQuery.of(context).size.height *
0.01,
),
Row(
children: [
SizedBox(
width: MediaQuery.of(context)
.size
.width *
0.02,
),
SizedBox(
width: MediaQuery.of(context)
.size
.width *
0.02,
),
Container(
child:
Image.asset('images/Oval.png')),
SizedBox(
width: MediaQuery.of(context)
.size
.width *
0.02,
),
Text(
widget.data['details']['telemetry']
['location']['address'],
style: TextStyle(
fontFamily: 'UbuntuRegular',
fontSize: 14,
color: Colors.black54),
)
],
)
],
))),
),
),
))
],
)
我也尝试将 goole 地图包装在容器上,但它不起作用。
截图:
在发布模式下调试时显示此错误
Another exception was thrown: Instance of 'DiagnosticsProperty<void>'
【问题讨论】:
您在发布版本中测试时能否分享此问题的屏幕截图? @HarshChovatiya 完成 您使用的是受限 API 密钥吗? 【参考方案1】:如果我们查看屏幕截图,我认为您的谷歌地图做得很好,我认为错误是堆栈。为什么你把另一个小部件放在谷歌地图上方?无论如何,它都会被谷歌地图覆盖。我想你想在这里实现的是重新创建一个布局,顶部是谷歌地图,底部是容器? CMIIW,如果这是正确的,你可以使用 Column 而不是堆栈。
Column
- Expanded
- Google map
- Container
- Your container child
【讨论】:
以上是关于颤动我的谷歌地图在发布版本上不起作用或显示的主要内容,如果未能解决你的问题,请参考以下文章
另一个片段内的谷歌地图 - 像 onLocationChanged 这样的功能不起作用