【Flutter】列表组件ListView&网格布局组件GridView&Padding组件

在Flutter中，ListView是一个可滚动的列表组件，可以垂直或水平滚动显示其内容。GridView是一个网格布局的列表组件，可以用来展示网格状的数据。Padding是一个用于给其子组件添加填充（空白区域）的组件。

以下是一个简单的示例，展示如何使用这些组件：

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('Flutter Lists & Grid Example'),
        ),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: ListView(
            children: <Widget>[
              GridView.count(
                crossAxisCount: 2,
                children: List.generate(
                  10,
                  (index) => Center(
                    child: Text(
                      'Item $index',
                      style: Theme.of(context).textTheme.headline,
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们首先在Padding组件中设置了统一的填充（EdgeInsets.all(8.0)），然后在ListView组件中嵌套了一个GridView.count，这个GridView有2列，并且包含了10个文本项。这样就形成了一个列表，其中每个列表项都是一个网格布局。