Flutter开发之——可滑动组件—GridView,android面试java基础
warning:
这篇文章距离上次修改已过204天,其中的内容可能已经有所变动。
在Flutter中,GridView
是一个可滑动的组件,可以用来展示一个二维网格列表。以下是一个简单的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 Example'),
),
body: GridView.count(
crossAxisCount: 2, // 每行的列数
children: <Widget>[
// 生成列表项
Container(
color: Colors.lightBlue,
child: Center(
child: Text('Item 1', style: TextStyle(color: Colors.white)),
),
),
Container(
color: Colors.deepOrange,
child: Center(
child: Text('Item 2', style: TextStyle(color: Colors.white)),
),
),
// ... 更多的项
],
),
),
);
}
}
这段代码创建了一个带有标题的应用,在主体中展示了一个GridView
,它包含了两列的网格列表项。每个Container
都是一个可滑动的网格项,并且包含了不同颜色和文本的视图。这个例子展示了如何使用GridView
组件,并且如何为其添加简单的列表项。
评论已关闭