Flutter中如何在initState里获取Future的返回值？

你遇到的核心问题是：fetchData()是异步函数，直接赋值给currentCur得到的是Future实例，而非实际的汇率数值，自然无法参与数值计算。下面是具体的修复方案：

关键修复步骤 #

1. 给变量明确类型：避免dynamic类型带来的不确定性，将currentCur声明为late num? currentCur（加?是因为网络请求可能失败返回null）。
2. 在initState中调用异步初始化方法：initState本身是同步方法，不能直接用await，所以要在里面启动一个单独的异步函数来处理数据获取和状态更新。
3. 用setState更新状态：获取到实际汇率后，必须通过setState通知Flutter框架重建UI，确保数值能被正确用于计算和展示。

修复后的完整代码 #

class _ConverterWidgetState extends State<ConverterWidget> {
  late final TextEditingController _current;
  late num? currentCur; // 明确类型，允许null
  late final currency;

  // 明确返回类型：Future<num?>
  Future<num?> fetchData() async {
    try {
      http.Response response = await http.get(
        Uri.parse(
          'https://quotation-api-cdn.dunamu.com/v1/forex/recent?codes=FRX.KRWUSD',
        ),
      );
      String jsonData = response.body;
      var basePrice = jsonDecode(jsonData)[0]['basePrice'];
      devtools.log(basePrice.toString());

      return basePrice;
    } catch (e) {
      devtools.log(e.toString());
      return null; // 异常时返回null，方便后续处理
    }
  }

  // 异步初始化方法，在initState中调用
  void _initData() async {
    final rate = await fetchData();
    setState(() {
      currentCur = rate;
    });
  }

  @override 
  void initState() {
    super.initState();
    _current = TextEditingController(text: 1000.toString());
    _initData(); // 启动异步数据获取
  }

  // 示例计算方法
  num? calculateConvertedValue() {
    if (currentCur == null) return null;
    final input = num.tryParse(_current.text) ?? 0;
    return input * currentCur!;
  }
}

额外注意事项 #

• UI展示时要处理currentCur为null的情况（比如网络请求未完成或失败），可以显示加载提示或错误信息：

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: currentCur == null 
          ? const Center(child: CircularProgressIndicator())
          : Text('转换结果：${calculateConvertedValue()}'),
    );
  }
  

• 移除无用的getCurrency方法，这个方法没有实际作用，反而增加代码复杂度。

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