簡體   English   中英

如何在flutter中使用SingleChildScrollView使listview滾動

[英]How to make listview scroll with SingleChildScrollView in flutter

我把ListView放在SingleChildScrollView里面, Wrap listview 放在Wrap里面,所以我想讓 listview 用 SingleChildScrollView 滾動,這是listView

Padding(
  padding: EdgeInsets.only(top: 10.0 ,right: 30.0 , left: 30.0),
  child: Center(
    child: Wrap(
      children: <Widget>[
        Container(
          child:ListView.builder(
            scrollDirection: Axis.vertical,
            shrinkWrap: true,
            itemCount: items.length,
            itemBuilder: (context,index){
              return Align(
                child: Container(
                  padding: EdgeInsets.only(top: 20.0),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.center,
                    children: <Widget>[
                      Container(
                        child: Padding(
                          padding: EdgeInsets.only(right: 5,top: 0),
                          child: Image.asset(
                            items[index].img,
                            width: 60.0,
                            height: 60.0,
                          ),
                        ),
                      ),
                      Padding(
                          padding: const EdgeInsets.only(top: 0.0),
                          child: Container(
                            width: 200.0,
                            decoration: BoxDecoration(
                              color: Colors.white,
                              borderRadius: BorderRadius.only(
                                topLeft: const Radius.circular(50.0),
                                topRight: const Radius.circular(50.0),
                                bottomLeft: const Radius.circular(50.0),
                                bottomRight: const Radius.circular(50.0),
                              ),
                            ),
                            child: Wrap(
                              crossAxisAlignment: WrapCrossAlignment.center,
                              children:[
                                Padding(
                                  padding: const EdgeInsets.all(20.0),
                                  child: Center(
                                    child: Text(
                                      items[index].name,
                                      style: TextStyle(
                                          color: Colors.black,
                                          fontWeight: FontWeight.bold,
                                          fontSize: 25.0
                                      ),
                                    ),
                                  ),
                                )
                              ],
                            ),
                          )
                      ),
                    ],
                  ),
                ),
              );
            },),

physics添加為NeverScrollableScrollPhysics ,這將停止ListView滾動並采用SingleChildScrollView Scroll。

 ListView.builder(
                  physics: NeverScrollableScrollPhysics(),

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM