OpenHarmony开发实战：常用组件与布局（ArkTS，flutter热更新原理

// 在OpenHarmony中使用ArkTS创建一个页面，并使用常用的布局组件
import prompt from '@ohos.prompt';
import router from '@ohos.router';
 
@Entry
@Component
struct MyPage {
  @State message: string = 'Hello, OpenHarmony!';
 
  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text(this.message)
        .fontSize(50)
        .fontWeight(FontWeight.Bold);
      Button('Click Me')
        .onClick(() => {
          this.message = 'Button Clicked!';
        });
    }
    .width('100%')
    .height('100%')
  }
}

这段代码展示了如何在OpenHarmony应用中使用ArkTS创建一个简单的界面。它使用了Flex布局来排列文本和按钮，并且有一个按钮用于更新显示的文本信息。这是OpenHarmony开发中的一个常见模式，展示了如何通过组件化的方式来构建用户界面。