我有一个地点列表,我检索并在Listview Builder中显示。
每个位置都有纬度和经度值。
现在正在尝试使用GeoLocator插件(https://pub.dartlang.org/packages/geolocator)在Listview中包含“距离”字段 - 通过添加一个“查找最近”按钮获取用户位置,然后使用用户的lat/lon和每个位置的lat/lon计算距离。
由于“GeoLocator Calculate Distance Method”是异步的,因此无法直接将Geolocator().distanceBetween(userLat,userLon,storeLat,storeLon)插入小部件。
问题: 那么,当用户单击“查找最近”按钮时,如何使每个Listview项目通过getDistance方法并返回结果?
简化代码:
Future<List> getdata() async {
final response = await http.get(getStoreLocations);
return json.decode(response.body);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(title: new Text("Location"),),
body: new FutureBuilder<List>(
future: getdata(),
builder: (context, snapshot) {
if (snapshot.hasError) print(snapshot.error);
return snapshot.hasData
? new BrowseStoreLocation(
list: snapshot.data,)
: new Center(
child: new CircularProgressIndicator(),
);
},
),
);
}
}
GeoLocator 获取用户位置方法:
getLocation () async {
Position position = await Geolocator().getCurrentPosition(LocationAccuracy.best);
userLat = position.latitude;
userLon = position.longitude;
setState(() {
});
}
GeoLocator 计算距离方法:
getDistance()async {
double distanceInMeters = await Geolocator().distanceBetween(userLat,
userLon, storeLat, storeLon);
distance = distanceInMeters/1000;
}
我尝试通过设置变量进行实验。打印显示了所有项目的storeLat和storeLon值,但只有最后一个listitem被计算并返回。
String storeLat = "";
String storeLon = "";
getDistance(storeLat,storeLon)async {
double distanceInMeters = await Geolocator().distanceBetween(userLat, userLon, double.parse(storeLat), double.parse(storeLon));
distance = distanceInMeters/1000;
setState(() {
});
}
new ListView.builder(
itemCount: widget.list == null ? 0 : widget.list.length,
itemBuilder: (context, i) {
storeLat = widget.list[i]['latitude'];
storeLon = widget.list[i]['longitude'];
print(storeLon+storeLat);
return Container(
child: Column(
children: <Widget>[
new Text(distance.toString())
],
),