dictionary - Flutter - 如何在我 future builder 文本小部件中获得值(value)返回

Question

我试图在未来的构建中获取两个坐标的距离，这是成功的，但我正在寻找如何在我的代码的 body: 中的 Text() 小部件中获取返回值“kmDis”。在下面查看我的完整代码。

Future<String> getDistance(String lat, String lng) async {
    final distanceInMeters = await Geolocator().distanceBetween(
        currentLocation.latitude,
        currentLocation.longitude,
        double.parse(lat),
        double.parse(lng));

    double distancekm = distanceInMeters / 1000;
    String kmDis = distancekm.toStringAsFixed(1);
    //int finalkm = distancekm.round();

    return kmDis;
  }

@override
  Widget build(BuildContext context) {

return Scaffold(
        body:Text("i want to return my kmDis value as string here.")
)

  }

Answer 1

那么，您正在处理一个返回 Future 的函数。

因此，您可以使用 FutureBuilder 来操作此功能并响应不同的状态。

这是一个简单的代码，处理类似的情况。

someFutureStringFunction() 是您的 getDistance()。

同时查看里面的 FutureBuilder 小部件 Scaffold()

  Future<String> someFutureStringFunction() async {
    return Future.delayed(const Duration(seconds: 1), () => "someText");
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder(
        future: someFutureStringFunction(),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return Text(snapshot.data);
          } else {
            return Text('Loading...');
          }
        },
      ),
    );
  }