Flutter开发:Gridview的使用
在Flutter中,GridView
是一个常用的控件,用于以网格形式显示子widget。以下是一个简单的GridView
使用示例:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('GridView 示例'),
),
body: GridView.count(
crossAxisCount: 3, // 每行的widget数量
children: <Widget>[
// 生成列表的widget
Container(
color: Colors.lightBlue,
child: Center(
child: Text(
'1',
style: TextStyle(color: Colors.white, fontSize: 20),
),
),
),
Container(
color: Colors.deepOrange,
child: Center(
child: Text(
'2',
style: TextStyle(color: Colors.white, fontSize: 20),
),
),
),
// ... 更多的widget
],
),
),
);
}
}
这个例子中,我们创建了一个GridView
,它拥有3列,并且包含了一些Container
作为子widget。每个Container
都有不同的颜色和文本,以区分它们。这个例子展示了如何使用GridView.count
构造函数来创建一个具有固定列数的网格列表。
评论已关闭