在 Flutter 中使用 Row 布局时,您可以使用 Spacer 小部件来创建一个填充空白的占位符,它会将剩余空间均匀地分配给它前后的小部件。例如:

Row(
  children: [
    Text('Left'),
    Spacer(),
    Text('Right'),
  ],
);

这将在 LeftRight 之间创建一个填充空白的占位符。

如果您想要更细粒度的控制,您可以使用 Expanded 小部件来将特定的小部件扩展到剩余空间的最大值。例如:

Row(
  children: [
    Expanded(
      flex: 2,
      child: Text('Left'),
    ),
    Expanded(
      flex: 1,
      child: Text('Right'),
    ),
  ],
);

这将使 Left 小部件占据两个部分中的两个,而 Right 小部件占据一个部分中的一个。

Flutter Row 填充空白占位符:Spacer 和 Expanded 使用指南

原文地址: https://www.cveoy.top/t/topic/j4uL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录