Flutter自动换行和两列布局

在Flutter中，可以使用Wrap小部件来实现自动换行的布局，并且可以通过spacing和runSpacing属性来调整子Widget的间距。以下是一个简单的例子，展示如何使用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, // 交叉轴方向上的间距
            direction: Axis.horizontal, // 水平方向
            children: <Widget>[
              Chip(label: Text('Chip 1')),
              Chip(label: Text('Chip 2')),
              Chip(label: Text('Chip 3')),
              // ... 更多的Chip小部件
            ],
          ),
        ),
      ),
    );
  }
}

在这个例子中，Wrap会根据容器的宽度自动换行，并且设置了每个子Widget之间的间距。如果你想要确保布局总是两列，而不考虑是否需要换行，可以使用Wrap的direction属性和alignment属性来实现。

请注意，Wrap小部件是根据可用空间自动换行的，所以在使用时需要确保父Widget有足够的宽度。如果父Widget宽度不足以容纳两列，Wrap会按照一列来显示子Widget。