GridView 网格布局

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    title: "GridView 网格布局",
    home: MyApp(),
  ));
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List<Container> _build(int count) {
      return List<Container>.generate(
          count,
          (int index) => Container(
                child: Image.network(
                    'https://static.lidong.me/file/expression/emoji/google/${index + 1}.gif'),
              ));
    }

    Widget buildGrid() {
      return GridView.extent(
        maxCrossAxisExtent: 150.0,
        padding: EdgeInsets.all(4.0),
        mainAxisSpacing: 4.0,
        crossAxisSpacing: 4.0,
        children: _build(9),
      );
    }

    return Scaffold(
      appBar: AppBar(
        title: Text("GridView 网格布局示例"),
      ),
      body: Center(
        child: buildGrid(),
      ),
    );
  }
}