harmonyOS Column组件通过space属性设置内部元素间距

例如 我们代码如下

import router from '@ohos.router'
@Entry
@Component
struct Index {

  build() {
    Row() {
      Column() {
        Text("年后")
        Text("一起")
        Text("旅游")
      }
      .width('100%')
    }
    .height('100%')
  }
}

运行之后
harmonyOS Column组件通过space属性设置内部元素间距_第1张图片
元素都粘连到一起 显然不太好看
我们就可以通过 Column 组件的 space 设置他们之间的间距

例如 这里我们设为 12
harmonyOS Column组件通过space属性设置内部元素间距_第2张图片
设为 40
harmonyOS Column组件通过space属性设置内部元素间距_第3张图片

你可能感兴趣的:(harmonyos,华为,鸿蒙)