Flutter Firestore 如何将单个文档字段赋值为变量并获取当前用户imageUrl

核心问题说明 #

你之前的代码监听了整个users集合的快照，因此会返回所有用户的数据，只需要将监听目标修改为当前登录用户对应的单个文档即可。通常用户集合下的文档ID会和Firebase Auth返回的用户UID保持一致，我们直接通过UID定位到目标文档即可。

修正后的代码实现 #

class _UserPageState extends State<UserPage> {
  User user = auth.currentUser!;
  final CollectionReference collectionReference = FirebaseFirestore.instance.collection('users'); 

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('${user.email}'),
      ),
      body: Center(
        child: Column(
          children: [
            StreamBuilder<DocumentSnapshot>(
              // 直接监听当前用户对应的单个文档快照
              stream: collectionReference.doc(user.uid).snapshots(),
              builder: (BuildContext context, AsyncSnapshot<DocumentSnapshot> snapshot) {
                if (snapshot.hasError) {
                  return const Text('Something went wrong.');
                }
                if (snapshot.connectionState == ConnectionState.waiting) {
                  return const CircularProgressIndicator();
                }
                // 获取文档数据
                final userDoc = snapshot.requireData;
                // 调用getString方法提取imageUrl字段
                final imageUrl = userDoc.getString('imageUrl') ?? '';
                // 展示头像
                return imageUrl.isEmpty 
                  ? const Icon(Icons.account_circle, size: 100)
                  : Image.network(imageUrl, width: 100, height: 100, fit: BoxFit.cover);
              },
            ),
            // 其他页面组件
          ],
        ),
      ),
    );
  }
}

关键知识点 #

• 要获取单个文档数据，需要通过collection.doc(文档ID)定位到文档后再调用snapshots()监听实时变化，或者调用get()做单次拉取
• DocumentSnapshot的getString(字段名)方法可以直接提取对应字符串类型的字段值，返回可空类型，可以用??设置默认值做兜底
• 如果你需要将imageUrl作为全局变量在页面其他位置使用，可以在StreamBuilder拿到数据后调用setState赋值，注意要加判空避免重复渲染

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