鸿蒙ArkUI 基础篇-06-组件基础语法-Column/Row/Text

目录

掌握组件写法，使用组件布局界面

ArkUI与组件

先布局再内容

[DevEco Studio代码实战](#DevEco Studio代码实战)

预览效果

总结

练习

---

掌握组件写法，使用组件布局界面

ArkUI与组件

ArkUI（方舟开发框架）：构建 鸿蒙 应用 界面 的框架
组件 ：界面 构建与显示的最小单位

先布局再内容

DevEco Studio代码实战

@Entry
@Component
struct Index {

  // build 里面要有唯一的容器根组件
  build() {
    Column() {
      Column() {
        Text('大壮')
        Text('中壮')
        Text('小壮')
      }
      Row() {
        Text('大壮')
        Text('中壮')
        Text('小壮')
      }
    }
  }
}

预览效果

总结

练习