Flutter中如何将Firestore获取的数据赋值给变量

下面提供几种可行的实现方式，根据你的需求选择：

方案1：将GetInfo改为StatefulWidget，组件内存储变量并支持回调传值 #

把原来的StatelessWidget改成StatefulWidget，在状态类中定义变量存储actor名称，同时可以通过回调把值传递给父组件：

class GetInfo extends StatefulWidget {
  const GetInfo({
    Key? key,
    required this.boatData,
    // 可选回调：将获取到的actor名称传给父组件
    this.onActorNameLoaded,
  }) : super(key: key);

  final Map<String, dynamic> boatData;
  final Function(String?)? onActorNameLoaded;

  @override
  State<GetInfo> createState() => _GetInfoState();
}

class _GetInfoState extends State<GetInfo> {
  String? _actorName; // 存储actor名称的变量

  @override
  Widget build(BuildContext context) {
    return StreamBuilder<DocumentSnapshot>(
      stream: FirebaseFirestore.instance
          .collection('actor')
          .doc(widget.boatData['uid'])
          .snapshots(),
      builder: (context, snapshot) {
        if (snapshot.hasError) {
          _actorName = null;
          widget.onActorNameLoaded?.call(_actorName);
          return const Text('Something went wrong');
        }

        if (snapshot.connectionState == ConnectionState.waiting) {
          return const CircularProgressIndicator();
        }

        // 将Firestore数据赋值给变量
        _actorName = snapshot.data!['name'] as String?;
        // 触发回调，把值传给父组件（如果需要）
        widget.onActorNameLoaded?.call(_actorName);

        // 在这里执行后续逻辑，比如打印、存储或调用其他方法
        if (_actorName != null) {
          _handleActorName(_actorName!);
        }

        return Text(_actorName ?? 'Unknown');
      },
    );
  }

  // 示例：处理actor名称的后续逻辑
  void _handleActorName(String name) {
    print('当前获取到的actor名称：$name');
    // 这里可以添加你的业务逻辑，比如存储到本地、调用API等
  }
}

在父组件中使用时，通过回调获取值：

return Card(
  child: ListTile(
    contentPadding: const EdgeInsets.all(15.0),
    horizontalTitleGap: 50,
    title: Text(boatData['boatName']),
    subtitle: GetInfo(
      boatData: boatData,
      onActorNameLoaded: (name) {
        // 父组件中拿到actor名称，执行后续操作
        print('从子组件获取到的actor名称：$name');
      },
    ),
  ),
);

方案2：一次性获取数据（非实时监听） #

如果不需要实时监听actor文档的变化，使用异步获取的方式更节省资源：

class GetInfo extends StatefulWidget {
  const GetInfo({
    Key? key,
    required this.boatData,
  }) : super(key: key);

  final Map<String, dynamic> boatData;

  @override
  State<GetInfo> createState() => _GetInfoState();
}

class _GetInfoState extends State<GetInfo> {
  String? _actorName;
  bool _isLoading = true;
  String? _error;

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

  // 异步获取actor数据
  Future<void> _fetchActorName() async {
    try {
      DocumentSnapshot docSnapshot = await FirebaseFirestore.instance
          .collection('actor')
          .doc(widget.boatData['uid'])
          .get();
      
      setState(() {
        _actorName = docSnapshot['name'] as String?;
        _isLoading = false;
      });

      // 执行后续逻辑
      if (_actorName != null) {
        _handleActorName(_actorName!);
      }
    } catch (e) {
      setState(() {
        _error = '获取数据失败';
        _isLoading = false;
      });
    }
  }

  void _handleActorName(String name) {
    // 你的后续业务逻辑
  }

  @override
  Widget build(BuildContext context) {
    if (_isLoading) {
      return const CircularProgressIndicator();
    }
    if (_error != null) {
      return Text(_error!);
    }
    return Text(_actorName ?? 'Unknown');
  }
}

注意事项 #

• 处理空安全：snapshot.data!['name']可能为null，建议用as String?并添加空值判断，避免空指针异常。
• 实时监听 vs 一次性获取：如果actor数据会频繁更新，用StreamBuilder保持实时同步；如果只需要初始数据，用异步获取更合适。

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