1. 使用 Row 和 Column：
Row和Column小部件是最简单的布局小部件之一，它们可以用于水平（Row）和垂直（Column）排列子小部件。
Row(
children: [
Text('Widget 1'),
Text('Widget 2'),
Text('Widget 3'),
],
)
Column(
children: [
Text('Widget 1'),
Text('Widget 2'),
Text('Widget 3'),
],
)
2. 使用 Stack：
Stack小部件允许子小部件堆叠在一起，可以自由定位。通过Positioned小部件可以精确控制子小部件的位置。
Stack(
children: [
Container(color: Colors.blue),
Positioned(
top: 10,
left: 10,
child: Text('Widget 1', style: TextStyle(color: Colors.white)),
),
Positioned(
bottom: 10,
right: 10,
child: Text('Widget 2', style: TextStyle(color: Colors.white)),
),
],
)
3. 使用 Expanded 和 Flex：
Expanded小部件可以用于将子小部件扩展以填充可用空间，而Flex小部件可用于定义灵活的空间，允许子小部件根据可用空间进行伸缩。
Row(
children: [
Expanded(child: Text('Widget 1')),
Expanded(child: Text('Widget 2')),
],
)
Row(
children: [
Flexible(
flex: 2,
child: Text('Widget 1'),
),
Flexible(
flex: 1,
child: Text('Widget 2'),
),
],
)
4. 使用 Container 和 Padding：
Container小部件用于包装和布局其他小部件，而Padding小部件用于为子小部件添加填充。
Padding(
padding: EdgeInsets.all(16.0),
child: Column(
children: [
Text('Widget 1'),
Text('Widget 2'),
],
),
)
Container(
margin: EdgeInsets.all(20.0),
child: Row(
children: [
Text('Widget 1'),
Text('Widget 2'),
],
),
)
5. 使用 ListTile 和 ListView：
ListTile小部件用于创建带有图标和文本的列表项，而ListView小部件用于构建可滚动的列表。
ListView(
children: [
ListTile(
leading: Icon(Icons.star),
title: Text('Widget 1'),
),
ListTile(
leading: Icon(Icons.star),
title: Text('Widget 2'),
),
],
)
以上示例仅展示了几种布局多个小部件的方法，实际上，你可以根据项目的需求和设计目标选择不同的布局方式，甚至结合多种方式创建复杂的布局结构。在Flutter中，灵活性和组合性是构建布局的关键。
转载请注明出处：http://www.zyzy.cn/article/detail/9592/Flutter