顫振：擴展小部件內的 ListView 在我的顫動應用程序中沒有滾動

Question

我只想滾動我的列表項。 但它不工作。 如果我使用 SingleChildScrollView wrap Column 小部件，那么它會滾動，但只有當我單擊列項而不是 listTile 項時才會滾動。

這是我的輸出 我的預期輸出是https://prnt.sc/URbiBkWLuXRZ這是我的代碼

SafeArea(
    child: Column(
      children: [
        Expanded(flex: 2, child: customAdminDashboard()),
        Expanded(
            flex: 3,
            child: Column(
              children: [
                const Center(
                    child: Text(
                  "Details of Member",
                  style: TextStyle(
                      fontSize: 18,
                      fontFamily: "Montserrat-BoldItalic",
                      color: Color(0xffed8073)),
                )),
                Padding(
                  padding: const EdgeInsets.only(
                      left: 20, right: 20, top: 2, bottom: 2),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: const [
                      Text(
                        "Member Name",
                        style: TextStyle(
                            fontSize: 18, color: Color(0xff925093)),
                      ),
                      Text("Balance",
                          style: TextStyle(
                              fontSize: 18, color: Color(0xff925093))),
                    ],
                  ),
                ),
                StreamBuilder<QuerySnapshot>(
                  stream: FirebaseFirestore.instance
                      .collection("User-data")
                      .snapshots(),
                  builder: (BuildContext context,
                      AsyncSnapshot<QuerySnapshot> snapshot) {
                    if (snapshot.hasError) {
                      return Text('Something went wrong');
                    }

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

                    return ListView.builder(
                        shrinkWrap: true,
                        physics: AlwaysScrollableScrollPhysics(),
                        scrollDirection: Axis.vertical,
                        itemCount: snapshot.data!.docs.length,
                        itemBuilder: (_, index) {
                          DocumentSnapshot _DocumentSnapshot =
                              snapshot.data!.docs[index];
                          return ListTile(
                            leading: Text(_DocumentSnapshot['Name']),
                            trailing: Text(
                                _DocumentSnapshot['Balance'].toString()),
                          );
                        });
                  },
                )
              ],
            ))
      ],
    ),
  ),

我只想滾動我的 listTile 項目

ListView.builder(
                        shrinkWrap: true,
                        physics: AlwaysScrollableScrollPhysics(),
                        scrollDirection: Axis.vertical,
                        itemCount: snapshot.data!.docs.length,
                        itemBuilder: (_, index) {
                          DocumentSnapshot _DocumentSnapshot =
                              snapshot.data!.docs[index];
                          return ListTile(
                            leading: Text(_DocumentSnapshot['Name']),
                            trailing: Text(
                                _DocumentSnapshot['Balance'].toString()),
                          );
                        })

Answer 1

SafeArea(
      child: Column(
        children: [
          Expanded(flex: 2, child: customAdminDashboard()),
          Expanded(
              flex: 3,
              child: Column(
                children: [
                  const Center(
                      child: Text(
                        "Details of Member",
                        style: TextStyle(
                            fontSize: 18,
                            fontFamily: "Montserrat-BoldItalic",
                            color: Color(0xffed8073)),
                      )),
                  Padding(
                    padding: const EdgeInsets.only(
                        left: 20, right: 20, top: 2, bottom: 2),
                    child: Row(
                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
                      children: const [
                        Text(
                          "Member Name",
                          style: TextStyle(
                              fontSize: 18, color: Color(0xff925093)),
                        ),
                        Text("Balance",
                            style: TextStyle(
                                fontSize: 18, color: Color(0xff925093))),
                      ],
                    ),
                  ),
                  Expanded(
                    child: SingleChildScrollView(
                      child: StreamBuilder<QuerySnapshot>(
                        stream: FirebaseFirestore.instance
                            .collection("User-data")
                            .snapshots(),
                        builder: (BuildContext context,
                            AsyncSnapshot<QuerySnapshot> snapshot) {
                          if (snapshot.hasError) {
                            return Text('Something went wrong');
                          }

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

                          return ListView.builder(
                              shrinkWrap: true,
                              physics: NeverScrollableScrollPhysics(),
                              scrollDirection: Axis.vertical,
                              itemCount: snapshot.data!.docs.length,
                              itemBuilder: (_, index) {
                                DocumentSnapshot _DocumentSnapshot =
                                snapshot.data!.docs[index];
                                return ListTile(
                                  leading: Text(_DocumentSnapshot['Name']),
                                  trailing: Text(
                                      _DocumentSnapshot['Balance'].toString()),
                                );
                              });
                        },
                      ),
                    ),
                  )
                ],
              ))
        ],
      ),
    );

請試試這個