HarmonyOS 鸿蒙Next 使用Row、Column组件开发时如何控制一行内多个元素有间距

在HarmonyOS鸿蒙Next中，使用Row、Column组件开发时，若想要控制一行内多个元素有间距，可以通过设置Row容器的space属性来实现。

具体来说，space属性定义了子元素在Row容器主轴（水平方向）上的间距。当你需要在一行内展示多个元素，并且希望这些元素之间有均匀的间距时，可以在Row组件中设置space属性，并赋予一个合适的数值。这个数值会作为子元素之间的间距，使得整个布局更加美观和整齐。

例如，以下代码展示了如何使用space属性来控制Row容器内子元素的间距：

Row({ space: 20 }) {
  Text('元素1').width('30%').backgroundColor(Color.Blue)
  Text('元素2').width('30%').backgroundColor(Color.Green)
  Text('元素3').width('30%').backgroundColor(Color.Red)
}

在上述代码中，space: 20表示Row容器内的子元素之间有20vp的间距。你可以根据实际需求调整这个数值。

如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html。