Flutter如何将Future<List<Placemark>>转换为List<Placemark>类型

• 所有async修饰的方法返回值必然是Future封装的对象，无法在同步代码中直接拿到内部的实际结果
• 你写的.then((value) => value)属于无效写法，then方法本身返回值依旧是Future类型，不会把异步结果转为同步值
• 直接在build方法中调用异步请求是错误实践：build是同步执行的渲染方法，每次组件重绘都会重复触发请求，既无法同步拿到结果，还会造成重复请求、性能浪费。

方案1：结合FutureBuilder实现（推荐，适配Provider状态管理） #

第一步先优化Provider层逻辑，统一管理加载状态和结果数据，避免重复请求：

class MapProvider extends ChangeNotifier {
  List<Placemark>? addressList;
  bool isLoading = false;

  Future<List<Placemark>> getAndSetAddressFromLatLong(double startLat, double startLong) async {
    if (isLoading) return addressList ?? [];
    isLoading = true;
    notifyListeners();
    try {
      addressList = await placemarkFromCoordinates(startLat, startLong);
    } catch (e) {
      addressList = [];
      // 可自行添加错误处理逻辑
    } finally {
      isLoading = false;
      notifyListeners();
    }
    return addressList!;
  }
}

第二步在页面层，在初始化生命周期触发请求，用FutureBuilder监听异步状态渲染UI，注意不要在build方法中直接触发请求：

class _MapPageState extends State<MapPage> {
  late Future<List<Placemark>> _addressFuture;

  @override
  void initState() {
    super.initState();
    // 仅在页面初始化时触发一次请求
    _addressFuture = Provider.of<MapProvider>(context, listen: false)
        .getAndSetAddressFromLatLong(
          widget.history.startLat!.toDouble(),
          widget.history.startLong!.toDouble(),
        );
  }

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<List<Placemark>>(
      future: _addressFuture,
      builder: (context, snapshot) {
        // 加载中状态
        if (snapshot.connectionState != ConnectionState.done) {
          return const Center(child: CircularProgressIndicator());
        }
        // 请求错误状态
        if (snapshot.hasError) {
          return Center(child: Text('地址获取失败'));
        }
        // 这里拿到的snapshot.data就是实际的List<Placemark>类型数据
        final realAddressData = snapshot.data!;
        print(realAddressData);
        // 后续返回你的页面组件即可
        return Scaffold(
          // 页面内容
        );
      },
    );
  }
}

方案2：通过async+setState获取临时数据 #

如果不需要把地址数据长期存在Provider中，可以在页面状态类中缓存结果，异步请求完成后通过setState触发刷新：

class _MapPageState extends State<MapPage> {
  List<Placemark>? _addressData;

  @override
  void initState() {
    super.initState();
    _loadAddressData();
  }

  Future<void> _loadAddressData() async {
    final result = await Provider.of<MapProvider>(context, listen: false)
        .getAndSetAddressFromLatLong(
          widget.history.startLat!.toDouble(),
          widget.history.startLong!.toDouble(),
        );
    setState(() {
      _addressData = result;
    });
  }

  @override
  Widget build(BuildContext context) {
    // 数据未加载完成时显示加载态
    if (_addressData == null) {
      return const Center(child: CircularProgressIndicator());
    }
    // 这里直接拿到List<Placemark>类型的实际数据
    print(_addressData);
    return Scaffold(/* 页面内容 */);
  }
}

• Dart是单线程事件循环模型，异步结果只会在后续事件队列中返回，永远不可能在同步代码块中直接拿到async方法的内部结果
• 不要在build方法的同步逻辑中直接调用异步请求，会导致每次组件重绘都重复触发请求
• 使用Provider做状态管理时，优先将异步请求、加载状态、结果数据都封装在Provider内部，页面层只负责监听状态渲染UI，符合状态管理的分层设计。

内容的提问来源于stack exchange，提问作者Abu Sayed