Flutter获取Firestore值仅返回Text组件无法转为字符串赋值如何解决

解决方法 #

你遇到的核心问题是将UI渲染逻辑和业务数据查询逻辑耦合了，Flutter的Widget仅用于界面展示，不能作为数据来源给业务逻辑赋值，按以下步骤调整即可：

步骤1：抽离独立的异步数据查询方法 #

把原来写在GetUserName组件里的Firestore查询逻辑单独抽成工具方法，供业务逻辑和UI组件共同调用：

Future<int?> getMemberCount() async {
  try {
    DocumentSnapshot snapshot = await FirebaseFirestore.instance
        .collection('admin')
        .doc("MemberCount")
        .get();
    if (snapshot.exists) {
      Map<String, dynamic> data = snapshot.data() as Map<String, dynamic>;
      return data['MemberCount'] as int;
    }
    return null;
  } catch (e) {
    print("获取成员计数出错: $e");
    return null;
  }
}

步骤2：修改成员添加方法，先取值再写入 #

调整addMemberFunction的逻辑，先调用上面的方法拿到MemberCount的值，再写入新的Firestore文档：

Future<void> addMemberFunction() async {
  // 先获取成员计数值
  int? memberCount = await getMemberCount();
  // 取值失败的容错处理
  if (memberCount == null) {
    // 可自定义添加失败提示逻辑
    return;
  }
  // 写入目标文档
  return addMemberToDatabase
        .doc(numId)
        .set({
          // 需要存整数直接传memberCount，需要字符串调用toString()即可
          'firstName': memberCount.toString()
        });
}

步骤3：同步优化原有UI组件（可选） #

如果原有界面仍需要展示MemberCount的值，可以复用上面的查询方法简化GetUserName逻辑，避免重复写查询代码：

class GetUserName extends StatelessWidget {
  const GetUserName({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return FutureBuilder<int?>(
      future: getMemberCount(),
      builder: (BuildContext context, AsyncSnapshot<int?> snapshot) {
        if (snapshot.hasError) {
          return const Text("Something went wrong");
        }
        if (snapshot.connectionState == ConnectionState.waiting) {
          return const Text("loading");
        }
        if (!snapshot.hasData || snapshot.data == null) {
          return const Text("Document does not exist");
        }
        return Text(snapshot.data!.toString());
      },
    );
  }
}

错误原因说明 #

• 你之前调用GetUserName().data报错，是因为data是内置Text组件的属性，不是你自定义的GetUserName组件的属性，自然不存在对应的getter
• 调用toString()得到类名字符串是Dart默认的对象序列化行为，没有重写toString()方法的情况下只会返回类的标识，不会返回组件内部展示的文本内容

内容的提问来源于stack exchange，提问作者Jean C Barreiro