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

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

ArkUI与组件

先布局再内容

DevEco Studio代码实战

预览效果

总结

练习

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

ArkUI与组件

ArkUI（方舟开发框架）：构建鸿蒙应用界面的框架

组件：界面构建与显示的最小单位

先布局再内容

DevEco Studio代码实战

@Entry
@Component
struct Index {

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