Flutter是一种跨平台的移动应用开发框架,由Google开发和维护。它允许开发者使用单一代码库构建高性能、美观且流畅的移动应用程序,同时支持Android和iOS平台。
在构建Google Map时显示CircularProgressIndicator,可以通过以下步骤实现:
以下是一个示例代码:
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
class GoogleMapPage extends StatefulWidget {
@override
_GoogleMapPageState createState() => _GoogleMapPageState();
}
class _GoogleMapPageState extends State<GoogleMapPage> {
GoogleMapController mapController;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Google Map'),
),
body: Stack(
children: [
GoogleMap(
onMapCreated: (controller) {
setState(() {
mapController = controller;
});
},
initialCameraPosition: CameraPosition(
target: LatLng(37.42796133580664, -122.085749655962),
zoom: 14.0,
),
),
if (mapController == null)
Center(
child: CircularProgressIndicator(),
),
],
),
);
}
}
在上述示例中,GoogleMap组件用于显示地图,onMapCreated回调函数用于获取地图控制器。如果地图控制器为空,就显示CircularProgressIndicator。
推荐的腾讯云相关产品:腾讯云地图服务(https://cloud.tencent.com/product/tianditu)可以提供丰富的地图功能和服务,包括地图展示、地理编码、逆地理编码等,可以与Flutter的GoogleMap组件结合使用,以实现更多地图相关的功能。
T-Day
云+社区技术沙龙[第22期]
Elastic 中国开发者大会
云+社区技术沙龙[第18期]
技术创作101训练营
Elastic 中国开发者大会
云+社区技术沙龙第33期
领取专属 10元无门槛券
手把手带您无忧上云