Flutter中如何从Future<String>提取实际字符串数据？

你的问题核心是异步方法不能直接在build里同步取值——loadJson是异步函数，返回的Future<String>是一个"未来才会拿到的结果"，不能直接赋值给String变量，而且build方法本身也不能标记为async。

正确做法：用FutureBuilder处理异步状态 #

Flutter提供了FutureBuilder组件，专门用来处理异步数据的加载、就绪、错误等状态，直接把它嵌入到你的Widget树里即可：

1. 保留你的loadJson方法（逻辑没问题）：

Future<String> loadJson(String file) async {
  final jsonData = await rootBundle.loadString("path/to/$file.json");
  return jsonData;
}

2. 修改build方法，用FutureBuilder包裹需要用到JSON数据的部分：

@override
Widget build(BuildContext context) {
  final data = ModalRoute.of(context)!.settings.arguments as Map;
  final file = data["file"];

  return Scaffold(
    // 保留原有的AppBar等配置
    appBar: AppBar(title: const Text("加载本地JSON")),
    body: FutureBuilder<String>(
      // 传入异步加载方法
      future: loadJson(file),
      // 根据异步状态渲染不同UI
      builder: (context, snapshot) {
        // 数据加载中
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Center(child: CircularProgressIndicator());
        }
        // 加载出错
        if (snapshot.hasError) {
          return Center(child: Text("加载失败: ${snapshot.error}"));
        }
        // 数据加载完成
        if (snapshot.hasData) {
          final jsonData = snapshot.data!;
          // 这里可以直接使用jsonData，比如解析为Map/List或者直接展示
          // 示例：解析为JSON对象（需导入dart:convert包）
          // final jsonMap = jsonDecode(jsonData);
          return SingleChildScrollView(child: Text(jsonData));
        }
        // 默认占位（一般不会走到这一步）
        return const Center(child: Text("无数据"));
      },
    ),
  );
}

额外提示 #

• 如果要把JSON字符串解析为具体的Dart对象，记得先导入dart:convert包，再用jsonDecode(snapshot.data!)转换为Map或List。
• 若file参数不会随build触发而变化，可以把loadJson(file)的结果存到State的成员变量中，避免每次build都重复发起异步请求。

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