使用async/await从Firebase返回List而非Future的问题排查

你的核心误区 #

1. async函数的返回值特性：只要标记了async的函数，不管内部有没有await，返回的必然是Future类型。你调用getData()时没加await，所以拿到的是Future<List>而非实际的List。
2. build方法的限制：Flutter的build方法不能是async函数，所以你没法直接在build里用await getData()来拿到同步结果。
3. 异步执行顺序：异步操作不会阻塞主线程，所以print(b)和print('here')会先执行，等Firestore请求完成后才会执行getData内部的print(allData)，这就是你看到打印顺序混乱的原因。

符合你需求的实现方案 #

你要的是一次性拉取Firestore数据，然后传递到下一页，不需要实时监听，也不需要在当前页展示，这里给两种实用方案：

方案1：页面初始化时提前加载数据 #

把数据获取逻辑放到initState里，加载完成后存在状态变量里，跳转时直接用这个变量：

class YourPage extends StatefulWidget {
  @override
  State<YourPage> createState() => _YourPageState();
}

class _YourPageState extends State<YourPage> {
  List? _firestoreData;
  bool _isLoading = true;

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

  Future<void> _loadFirestoreData() async {
    final collectionRef = FirebaseFirestore.instance.collection('Standard_Questions');
    final querySnapshot = await collectionRef.get();
    
    final dataList = querySnapshot.docs.map((doc) {
      final docData = doc.data() as Map<String, dynamic>;
      return {
        'documentId': doc.id,
        ...docData,
      };
    }).toList();

    setState(() {
      _firestoreData = dataList;
      _isLoading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: _isLoading
          ? const Center(child: CircularProgressIndicator())
          : ElevatedButton(
              onPressed: _firestoreData == null
                  ? null
                  : () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => NextPage(data: _firestoreData!),
                        ),
                      );
                    },
              child: const Text('跳转到下一页'),
            ),
    );
  }
}

// 下一页示例
class NextPage extends StatelessWidget {
  final List data;
  const NextPage({super.key, required this.data});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(child: Text('传递的数据：$data')),
    );
  }
}

方案2：点击跳转按钮时再获取数据 #

如果不需要提前加载，也可以在用户点击跳转时才发起请求，等数据返回后再跳转：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: ElevatedButton(
        onPressed: () async {
          // 发起Firestore请求
          final collectionRef = FirebaseFirestore.instance.collection('Standard_Questions');
          final querySnapshot = await collectionRef.get();
          
          final dataList = querySnapshot.docs.map((doc) {
            final docData = doc.data() as Map<String, dynamic>;
            return {
              'documentId': doc.id,
              ...docData,
            };
          }).toList();

          // 确保页面未销毁再跳转
          if (!mounted) return;
          Navigator.push(
            context,
            MaterialPageRoute(
              builder: (context) => NextPage(data: dataList),
            ),
          );
        },
        child: const Text('获取数据并跳转'),
      ),
    ),
  );
}

补充说明 #

• 两种方案都是单次请求，不会持续监听Firestore数据变化，完全符合你的需求。
• 方案1适合数据量不大、需要快速跳转的场景；方案2适合数据量较大、不想提前占用资源的场景。
• 注意加上!mounted判断，避免异步请求完成后页面已销毁，调用Navigator引发错误。

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