Flutter中Text组件显示Firestore返回int值报类型错误如何解决

两个问题的根源非常明确：

1. Flutter的Text组件只接收String类型入参，直接传入int类型的favorite字段时组件无法正常解析，自然不会显示内容
2. 之前的toString()调用位置错误：你是对Text组件实例调用toString()，而非对取出的favorite字段做类型转换；再加上取值时用了可选链操作符?.，拿到的是可空类型int?，直接传给要求非空String的Text参数，就会触发String? can't be assigned to String的类型报错。

• 把类型转换操作直接作用在取到的favorite字段上，调用toString()把int值转为字符串
• 给可空值设置兜底默认值，避免字段不存在时传入null触发空报错
• 同步修正代码里其他可空取值的位置，防止后续出现空指针问题

原来报错的Text代码：

Text(snapshot.data?.docs[index]['favorite'] )

替换为以下写法即可：

// 取值为空时默认显示0，转成字符串后再传给Text
Text((snapshot.data?.docs[index]['favorite'] ?? 0).toString())

其他需要同步补全兜底逻辑的位置：

1. ListView的itemCount加空兜底，避免数据未加载时为null触发报错：

itemCount: snapshot.data?.docs.length ?? 0,

2. 点赞逻辑中取postId加空兜底，避免空值导致Firestore文档路径错误：

final DocumentReference docRef = FirebaseFirestore.instance
    .collection("peerPosts")
    .doc(snapshot.data?.docs[index]['postId'] ?? '');

StreamBuilder<QuerySnapshot>(
  stream: FirebaseFirestore.instance.collection('peerPosts').snapshots(),
  builder: (context, snapshot) {
    if (snapshot.hasError) {
      return const Text('Something went wrong');
    }

    if (snapshot.connectionState == ConnectionState.waiting) {
      return const Text("Loading");
    }

    return SingleChildScrollView(
      child: ListView.builder(
        physics: const NeverScrollableScrollPhysics(),
        shrinkWrap: true,
        itemCount: snapshot.data?.docs.length ?? 0,
        itemBuilder: (context, index) {
          return ListTile(
            subtitle: Column(
              children: [
                Row(
                  children: [
                    IconButton(
                      icon: const Icon(Icons.thumb_up_alt_rounded),
                      onPressed: () {
                        setState(() {
                          final DocumentReference docRef = FirebaseFirestore.instance
                              .collection("peerPosts")
                              .doc(snapshot.data?.docs[index]['postId'] ?? '');
                          docRef.update({"favorite": FieldValue.increment(1)});
                        });
                      },
                    ),
                    Text((snapshot.data?.docs[index]['favorite'] ?? 0).toString()),
                    IconButton(
                      icon: const Icon(Icons.message),
                      onPressed: () {
                        Navigator.push(
                          context,
                          MaterialPageRoute(builder: (context) => commentSection())
                        );
                      },
                    ),
                    IconButton(
                      icon: const Icon(Icons.share),
                      onPressed: () {
                        Share.share('待分享的内容地址', subject: 'You should check this out!');
                      },
                    ),
                  ],
                )
              ],
            ),
          );
        },
      ),
    );
  }
)

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