Flutter Row 填充空白占位符:Spacer 和 Expanded 使用指南
在 Flutter 中使用 Row 布局时,您可以使用 Spacer 小部件来创建一个填充空白的占位符,它会将剩余空间均匀地分配给它前后的小部件。例如:
Row(
children: [
Text('Left'),
Spacer(),
Text('Right'),
],
);
这将在 Left 和 Right 之间创建一个填充空白的占位符。
如果您想要更细粒度的控制,您可以使用 Expanded 小部件来将特定的小部件扩展到剩余空间的最大值。例如:
Row(
children: [
Expanded(
flex: 2,
child: Text('Left'),
),
Expanded(
flex: 1,
child: Text('Right'),
),
],
);
这将使 Left 小部件占据两个部分中的两个,而 Right 小部件占据一个部分中的一个。
原文地址: https://www.cveoy.top/t/topic/j4uL 著作权归作者所有。请勿转载和采集!