Flutter自动换行和两列布局（1，GitHub已标星16k

在Flutter中实现自动换行和两列布局，可以使用Wrap小部件。Wrap是一个可以包含其子项并在必要时自动换行的布局小部件。以下是一个简单的例子：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Wrap(
            spacing: 8.0, // 主轴方向上的间距
            runSpacing: 4.0, // 交叉轴方向上的间距
            children: <Widget>[
              Chip(label: Text('Chip 1')),
              Chip(label: Text('Chip 2')),
              Chip(label: Text('Chip 3')),
              // ... 更多的Chip小部件
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，Wrap小部件将其子项（在这种情况下是Chip小部件）包装在一个流式布局中，当空间不足以一行显示所有子项时，子项会自动移动到下一行。spacing属性定义了同一行中Chip之间的间距，runSpacing属性定义了不同行之间的间距。