Flutter+Firebase聊天APP：获取当前用户名显示空白问题求助

1. 先确认基础数据与权限 #

• 检查Firestore中users集合下，当前用户UID对应的文档是否存在name和username字段，注意字段名大小写完全匹配（比如别把name写成Name）。
• 确认Firestore的安全规则允许当前用户读取自己的文档，示例规则如下：

  match /users/{userId} {
    allow read, write: if request.auth != null && request.auth.uid == userId;
  }
  

2. 完善错误捕获，排查请求问题 #

你的代码缺少错误处理逻辑，请求失败时无法定位问题，建议改用async/await写法并添加异常捕获：

String myName = '';
String myUsername = '';

Future<void> _getCurrentUserName() async {
  try {
    final user = FirebaseAuth.instance.currentUser;
    if (user == null) {
      print('用户未登录');
      return;
    }
    final snapshot = await FirebaseFirestore.instance
        .collection("users")
        .doc(user.uid)
        .get();
    
    if (snapshot.exists) {
      setState(() {
        myName = snapshot['name']?.toString() ?? '未知名称';
        myUsername = snapshot['username']?.toString() ?? '未知用户名';
      });
    } else {
      print('用户文档不存在');
    }
  } catch (e) {
    print('获取用户信息失败: $e');
  }
}

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

• 增加用户登录状态判断，避免空指针报错
• 检查文档是否存在，防止读取不存在的字段
• 用??运算符处理字段为null的情况，避免显示空白
• 添加catch块打印错误信息，方便定位问题

3. 更稳妥的方式：使用FutureBuilder #

如果initState中调用异步函数仍有状态更新不及时的问题，可以用FutureBuilder直接在UI层处理异步数据：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: FutureBuilder<DocumentSnapshot>(
      future: FirebaseFirestore.instance
          .collection("users")
          .doc(FirebaseAuth.instance.currentUser?.uid)
          .get(),
      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 || !snapshot.data!.exists) {
          return const Center(child: Text('用户信息不存在'));
        }
        final userData = snapshot.data!.data() as Map<String, dynamic>;
        return Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Text('名称: ${userData['name']?.toString() ?? '未知'}'),
              Text('用户名: ${userData['username']?.toString() ?? '未知'}'),
            ],
          ),
        );
      },
    ),
  );
}

这种方式不需要手动调用setState，Flutter会自动根据Future的状态更新UI，更适合异步数据的展示场景。

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