Flutter flatter-小部件的可滚动列表
我有一个屏幕,显示小部件列表,如下所示:Flutter flatter-小部件的可滚动列表,flutter,Flutter,我有一个屏幕,显示小部件列表,如下所示: Column( children: listW, ), listW对象的类型为List。第一个索引包含一个列表标题,所有其他索引类型均为卡片。卡片的数量是动态添加的。现在的问题是,如果列表中有10个对象,比如说10个Card对象,它就会隐藏在屏幕下方。我需要某种滚动视图来包含我的列表。既然SingleChildScrollableView只能承载一个小部件,我该怎么做呢。如何处理此问题
Column(
children: listW,
),
listW
对象的类型为List
。第一个索引包含一个列表标题
,所有其他索引类型均为卡片
。卡片的数量是动态添加的。现在的问题是,如果列表中有10个对象,比如说10个Card
对象,它就会隐藏在屏幕下方。我需要某种滚动视图来包含我的列表。既然SingleChildScrollableView
只能承载一个小部件,我该怎么做呢。如何处理此问题?尝试将您的代码更改为此
ListView(children: listW,)
您可以为此使用ListView
ListView(
children: <Widget>[
//Your widgets
]
)
ListView(
儿童:[
//你的小部件
]
)
请记住,列表视图呈现列表中当前的所有项目,这意味着巨大的列表将导致性能问题。您可以使用ListView生成器来解决这个问题,因为这样会在屏幕上滚动时创建项目
class FruitList extends StatelessWidget{
final List<String> fruits = [ "Apple", "Banana", "Pear", "Orange", "Kiwi" ];
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
padding: EdgeInsets.all(5),
child: ListView.builder(
itemBuilder: _buildFruitItem,
itemCount: fruits.length,
)
)
);
}
Widget _buildFruitItem( BuildContext context, int index ){
return Card(
child: Text( fruits[index] ),
);
}
}
类水果列表扩展了无状态小部件{
最终列表水果=[“苹果”、“香蕉”、“梨”、“橙子”、“猕猴桃”];
@凌驾
小部件构建(构建上下文){
返回脚手架(
主体:容器(
填充:边缘设置。全部(5),
子项:ListView.builder(
itemBuilder:\u buildFrootItem,
itemCount:fruits.length,
)
)
);
}
Widget\u buildFruitItem(BuildContext上下文,int索引){
回程卡(
子项:文本(水果[索引]),
);
}
}
您可以在此查看更多文档:听起来您需要一个ListView小部件。这是颤振中最常用的滚动小部件。检查链接: