要将List<Int>绑定到GridView,您可以使用以下步骤:
import 'package:flutter/material.dart';
class MyGridView extends StatefulWidget {
@override
_MyGridViewState createState() => _MyGridViewState();
}
class _MyGridViewState extends State<MyGridView> {
List<int> list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(title: Text('GridView Example')),
body: GridView.builder(
itemCount: list.length,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
crossAxisSpacing: 10,
mainAxisSpacing: 10,
),
itemBuilder: (BuildContext context, int index) {
return GridTile(
child: Card(
child: Center(child: Text(list[index].toString())),
),
);
},
),
);
}
}
在这个示例中,我们创建了一个名为MyGridView
的StatefulWidget,它包含一个名为list
的List<int>。然后,我们使用GridView.builder()构建一个网格视图,其中包含我们的列表项。我们使用SliverGridDelegateWithFixedCrossAxisCount来设置网格的布局,包括每行的项目数量、交叉轴间距和主轴间距。最后,我们使用itemBuilder参数来构建每个网格项。
这个示例将List<Int>绑定到GridView,并在每个网格项中显示列表中的整数值。
领取专属 10元无门槛券
手把手带您无忧上云