[英]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.