FLUTTER ERROR :"why am I getting Vertical viewport was given unbounded height while displaying data from fire cloud?"

Question

这是代码

isClicked? StreamBuilder<QuerySnapshot>(
    stream: db.where("Uid", isEqualTo: Uid.text).snapshots(),
    builder: (context, snapshot) {
      if (!snapshot.hasData) {
        return Center(
          child: CircularProgressIndicator(),
        );
      } else {
        return SingleChildScrollView(
          child: ListView(
            children: snapshot.data!.docs.map((doc) {
              return ListView(
                children: [
                  Text(doc.data()['name']),
                  Text(doc.data()['DateOfBirth']),
                  Text(doc.data()['crime']),
                  Text(doc.data()['criminalHistory']),
                ],
              );
            }).toList(),
          ),
        );
      }
    },
  )
:Container()
    ]));

} 我试图用列替换列表视图，用卡片替换内部列表视图，但仍然有同样的错误

Answer 1

将 shrinkWrap: true 添加到您的两个 ListView 小部件

isClicked? StreamBuilder<QuerySnapshot>(
    stream: db.where("Uid", isEqualTo: Uid.text).snapshots(),
    builder: (context, snapshot) {
      if (!snapshot.hasData) {
        return Center(
          child: CircularProgressIndicator(),
        );
      } else {
        return SingleChildScrollView(
          child: ListView(
            shrinkWrap: true,
            children: snapshot.data!.docs.map((doc) {
              return ListView(
                shrinkWrap: true,
                children: [
                  Text(doc.data()['name']),
                  Text(doc.data()['DateOfBirth']),
                  Text(doc.data()['crime']),
                  Text(doc.data()['criminalHistory']),
                ],
              );
            }).toList(),
          ),
        );
      }
    },
  )
:Container()
    ]));