如何在Flutter中从Firestore跨文件获取并传递warehousePassword数据？

问题根源 #

你之前的实现存在两个核心问题：

1. GetPassword是Widget类，只有当它被加入Widget树渲染时，内部的FutureBuilder才会执行Firestore查询，但你在MainMenuPassword里并没有渲染这个Widget，导致静态变量value从未被赋值。
2. 用静态变量传递异步数据本身不可靠，异步请求的完成时间不确定，可能在你访问变量时数据还未返回。

解决方案一：数据逻辑与UI分离（推荐简单场景） #

1. 重构get_password.dart为数据服务类

把Firestore数据获取逻辑做成独立的异步方法，不再依赖Widget：

import 'package:cloud_firestore/cloud_firestore.dart';

class PasswordService {
  // 获取仓库密码的异步方法
  static Future<String> getWarehousePassword() async {
    try {
      DocumentSnapshot doc = await FirebaseFirestore.instance
          .collection('dataPassword')
          .doc('eh7eZiBeX24a6KSuI7Jc')
          .get();
      
      if (doc.exists) {
        // 返回仓库密码，不存在则返回空字符串
        return doc['warehousePassword'] ?? '';
      }
      return '';
    } catch (e) {
      print('获取仓库密码失败: $e');
      return '';
    }
  }
}

2. 修改main_menu_password.dart使用异步数据

在页面的State类中初始化异步请求，通过FutureBuilder处理加载、错误、成功状态：

class MainMenuPassword extends StatefulWidget {
  const MainMenuPassword({super.key});

  @override
  State<MainMenuPassword> createState() => _MainMenuPasswordState();
}

class _MainMenuPasswordState extends State<MainMenuPassword> {
  // 存储获取密码的Future，避免每次build重复请求
  late Future<String> _warehousePasswordFuture;

  @override
  void initState() {
    super.initState();
    // 初始化时发起请求
    _warehousePasswordFuture = PasswordService.getWarehousePassword();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SizedBox(
        width: double.infinity,
        child: Padding(
          padding: const EdgeInsets.all(15.0),
          child: FutureBuilder<String>(
            future: _warehousePasswordFuture,
            builder: (context, snapshot) {
              // 加载中状态
              if (snapshot.connectionState == ConnectionState.waiting) {
                return const Center(child: CircularProgressIndicator());
              }
              // 错误状态
              if (snapshot.hasError) {
                return Center(child: Text('加载失败: ${snapshot.error}'));
              }
              // 成功获取数据
              final warehousePassword = snapshot.data ?? '';
              return Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  Text(warehousePassword),
                  SizedBox(
                    width: double.infinity,
                    child: ElevatedButton(
                      child: const Text('Warehouse'),
                      // 密码为空时禁用按钮
                      onPressed: warehousePassword.isNotEmpty
                          ? () => screenLock(
                                context: context,
                                correctString: warehousePassword,
                                title: const Text('Warehouse'),
                                onUnlocked: () => Navigator.of(context).push(
                                      MaterialPageRoute(
                                        builder: (context) => const WarehousePassword(),
                                      ),
                                    ),
                                onCancelled: () => Navigator.of(context).pop,
                              )
                          : null,
                    ),
                  ),
                  ElevatedButton(
                    child: const Text('Sales'),
                    onPressed: () => null,
                  ),
                ],
              );
            },
          ),
        ),
      ),
    );
  }
}

解决方案二：使用状态管理（复杂场景） #

如果你的项目需要在多个页面共享这个密码数据，可以用状态管理工具（比如Provider、Riverpod）：

1. 创建一个状态类管理密码数据
2. 在顶层提供状态实例
3. 在需要的页面监听状态变化

这种方式适合数据需要跨页面共享、实时更新的场景。

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