Flutter 如何阻止gridview.builder在Flatter中生成项
嗨,我是新来的flifter,我想在元素完成后停止Flutter 如何阻止gridview.builder在Flatter中生成项,flutter,dart,Flutter,Dart,嗨,我是新来的flifter,我想在元素完成后停止GridView.builder的滚动 EX:我有一个包含9项的列表,我希望gridView.builder只创建9项=>list.length 这里代码=>列表 List<Map<String, Object>> values = [ { "id":0, "category":"موبيلات", 'categorybackimage':'images/backgroundimage', 'c
GridView.builder
的滚动
EX:我有一个包含9项的列表,我希望gridView.builder
只创建9项=>list.length
这里代码=>列表
List<Map<String, Object>> values = [
{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{ "id":0,
"category":"موبيلات",
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},
];
列表值=[
{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},{“id”:0,
“类别”:“类别”,
'categorybackimage':'images/backgroundimage',
'categoryimage':'images/iphone'},
];
这里是网格视图
GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2,mainAxisSpacing: 2,), itemBuilder: (BuildContext,i){
for(i=0;i<values.length;i++){
return
Padding(
padding: const EdgeInsets.all(2.0),
child: SizedBox(
height: 400,
width: 200,
child: InkWell(
onTap: (){},
child: Stack(
children: <Widget>[
ClipRRect(borderRadius: BorderRadius.all(Radius.circular(20)),
child: Image.asset(values[i]['categorybackimage'],fit: BoxFit.fill, )),
Column(
children: <Widget>[
Text("${(values[i]['category'])}"),
Card(
color: Colors.white,
child: Text(
"عروض ",
style: TextStyle(
color: Colors.red,
fontSize: 20,
fontWeight: FontWeight.w900),
),
),
Image.asset(values[i]['categoryimage'],)
],
),
],
),
),
),
);
}}),
GridView.builder(gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2,mainAxisSpacing:2,),itemBuilder:(BuildContext,i){
对于(i=0;i在GridView.builder
中有itemCount
属性,将其设置为列表的长度
GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2,mainAxisSpacing: 2,),
itemCount:list.length,
itemBuilder: (BuildContext,i){ return YourAwesomeWidget(); });
此外,您不必在itemsbuilder
功能中使用for循环,gridview生成器可以在列表中循环,而无需任何其他代码。gridview.builder中有itemCount
属性,将其设置为列表的长度
GridView.builder(gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2,mainAxisSpacing: 2,),
itemCount:list.length,
itemBuilder: (BuildContext,i){ return YourAwesomeWidget(); });
此外,您不必在itemsbuilder
功能中使用for循环,gridview生成器可以在列表中循环,而无需任何其他代码