常用小部件：
1. Container： 用于包装和布局其他小部件，并提供对宽度、高度、边距、填充等的控制。
Container(
width: 200,
height: 200,
color: Colors.blue,
child: Text('Hello, Flutter!', style: TextStyle(color: Colors.white)),
)
2. Row 和 Column： 用于水平（Row）和垂直（Column）排列子小部件。
Row(
children: [
Icon(Icons.star),
Icon(Icons.star),
Icon(Icons.star),
],
)
3. ListView： 用于构建可滚动的列表。
ListView(
children: [
ListTile(title: Text('Item 1')),
ListTile(title: Text('Item 2')),
ListTile(title: Text('Item 3')),
],
)
4. Stack： 允许子小部件堆叠在一起，可以自由定位。
Stack(
children: [
Container(color: Colors.blue),
Positioned(
top: 10,
left: 10,
child: Text('Hello, Stack!', style: TextStyle(color: Colors.white)),
),
],
)
布局小部件：
1. Padding： 用于为子小部件添加填充。
Padding(
padding: EdgeInsets.all(16.0),
child: Text('Hello, Padding!'),
)
2. Center： 将子小部件居中显示。
Center(
child: Text('Hello, Center!'),
)
3. Align： 允许子小部件在父部件中对齐。
Align(
alignment: Alignment.bottomRight,
child: Text('Hello, Align!'),
)
4. Expanded： 用于将子小部件扩展以填充可用空间。
Row(
children: [
Expanded(child: Container(color: Colors.red)),
Expanded(child: Container(color: Colors.green)),
],
)
5. Flexible： 用于定义灵活的空间，允许子小部件根据可用空间进行伸缩。
Row(
children: [
Flexible(
flex: 2,
child: Container(color: Colors.blue),
),
Flexible(
flex: 1,
child: Container(color: Colors.green),
),
],
)
这只是Flutter中构建布局时可用的一小部分小部件和布局小部件。Flutter提供了丰富的小部件库，允许你创建各种复杂和灵活的布局。通过组合和嵌套这些小部件，你可以构建适应不同屏幕尺寸和设备的灵活用户界面。详细的文档和示例可以在[Flutter官方文档](https://flutter.dev/docs)中找到。
转载请注明出处：http://www.zyzy.cn/article/detail/9590/Flutter