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

被开发耽误的大厨2025-08-28 23:03

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

ArkUI与组件

先布局再内容

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

预览效果

总结

练习

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

ArkUI与组件

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

先布局再内容

DevEco Studio代码实战

TypeScript 复制代码

@Entry
@Component
struct Index {

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