Question

我使用flutter和谷歌地图

采用地理位置显示用户当前位置

地图加载正确，但加载前显示此错误

<块引用>

'package:google_maps_flutter_platform_interface/src/types/location.dart'：失败的断言：第 19 行位置 16：'纬度！= null'：不正确。

这是我的初始化代码和获取当前位置的部分

var lat;
  var long;
  
  @override
  void initState()  {
    _child = SpinKitRipple(
      itemBuilder: (BuildContext context, int index) {
        return DecoratedBox(
          decoration: BoxDecoration(
            color: index.isEven ? Colors.grey : Color(0xffffb838),
          ),
        );
      },
    );
    
    getCurrentLocation();
    populateClients();
    setCustomMapPin();
    super.initState();
  }
  

  void getCurrentLocation() async {
     LocationPermission permission;
     

     permission = await Geolocator.checkPermission();
  if (permission == LocationPermission.deniedForever) {
    lat=6.9271;long=79.8612;
  }

  else if (permission == LocationPermission.denied) {
    permission = await Geolocator.requestPermission();
    if (permission != LocationPermission.whileInUse &&
        permission != LocationPermission.always) {
      lat=6.9271;long=79.8612;
    }
  }
    else{
      
      Position res = await Geolocator.getCurrentPosition(desiredAccuracy: LocationAccuracy.high); //getCurrentPosition();
    
      lat=res.latitude;long=res.longitude;
      
    }
    
      
    
    
    setState(() {
      //position = res;
      //lat=6.9271;long=79.8612;
      _child = mapWidget();
    });
  }

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        iconTheme: IconThemeData(color: Colors.white),
        title: Text('Map'),
        centerTitle: true,
        backgroundColor: Colors.blue,
      ),
      body: mapWidget(),
    );
  }

  Widget mapWidget() {
    return Stack(
      children: <Widget>[
        GoogleMap(
          initialCameraPosition: CameraPosition(
            target: LatLng(lat,long),//(position.latitude, position.longitude),
            zoom: 18,
          ),

          ///mapType: MapType.normal,
          onMapCreated: (GoogleMapController controller) async{
            _controller = controller;
            await setMapStyle(controller, context);
          },

          markers: Set<Marker>.of(markers.values),
          compassEnabled: true,
          myLocationEnabled: true,
        ),
        SizedBox(
          height: 26,
        ),
      ],
    );
  }
}

** 我想在地图正确加载之前显示动画**

Answer 1

每当您渲染 UI 时，这取决于等待另一个操作完成，您必须使用 FutureBuilder 小部件。

https://api.flutter.dev/flutter/widgets/FutureBuilder-class.html

为了做您想做的事情，您必须用 FutureBuilder 包装您当前的小部件。像这样：

      Future<Widget> reloadCurrentLocation;
    
      @override
      void initState() {
        super.initState();
    
        reloadCurrentLocation = getCurrentLocation();
      }
    
      Future<Widget> getCurrentLocation() async {
         LocationPermission permission;
         
         permission = await Geolocator.checkPermission();
         if (permission == LocationPermission.deniedForever) {
           lat=40.7128;long=74.0060;
         }
    
         else if (permission == LocationPermission.denied) {
           permission = await Geolocator.requestPermission();
         if (permission != LocationPermission.whileInUse &&
            permission != LocationPermission.always) {
            lat=40.7128;long=74.0060;
            }
        }
        else {
          Position res = await Geolocator.getCurrentPosition(desiredAccuracy: 
          LocationAccuracy.high); //getCurrentPosition();
        
          lat=res.latitude;
          long=res.longitude;          
        }
        
        populateClients();
        setCustomMapPin();
          
        return _child = mapWidget();
    }
        
    
    
 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        iconTheme: IconThemeData(color: Colors.white),
        title: Text('Map'),
        centerTitle: true,
        backgroundColor: Colors.blue,
      ),
      body: mapWidget(),
    );
  }

  Widget mapWidget() {
    return FutureBuilder(
                future: reloadCurrentLocation,
                builder: (context, state) {
                  if (state.connectionState == ConnectionState.active ||
                      state.connectionState == ConnectionState.waiting) {
                      return SpinKitRipple(
                        itemBuilder: (BuildContext context, int index) {
                          return DecoratedBox(
                               decoration: BoxDecoration(
                               color: index.isEven ? Colors.grey : 
                                    Color(0xffffb838),
                               ),
                          );
                        },
                      );
                  } else {
                      return Stack(
                        children: <Widget>[
                         GoogleMap(
                           initialCameraPosition: CameraPosition(
                           target: 
                           LatLng(lat,long),//(position.latitude, 
                           position.longitude),
                           zoom: 18,
                         ),

                         ///mapType: MapType.normal,
                         onMapCreated: (GoogleMapController 
                           controller) async{
                             _controller = controller;
                             await setMapStyle(controller, context);
                        },

                       markers: Set<Marker>.of(markers.values),
                       compassEnabled: true,
                       myLocationEnabled: true,
                       ),
                       SizedBox(
                        height: 26,
                       ),
                      ],
                     );
                });
  }
}

失败的断言：第 19 行 pos 16：'纬度！= null'：不是真的。颤振错误

1 个答案: