HarmonyOS学习——组件篇

张豆豆94

已于 2024-02-05 17:58:42 修改

阅读量820

点赞数 10

分类专栏：【HarmonyOS学习篇】文章标签：学习 harmonyos

于 2024-02-05 17:43:55 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_42735261/article/details/136045501

版权

本文详细介绍了如何在HarmonyOS中创建和复用名为TitleNav的自定义组件，以及在不同页面和组件内的使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HarmonyOS基础组件

1.自定义组件

多个页面共用

1-1 自定义组件命名为TitleNav

@Component
export default struct TitleNav {
  private titleTxt: string
  build() {
    Row(){
      Image($r('app.media.arrow_back'))
        .objectFit(ImageFit.Contain)
        .width($r('app.float.back_image_size'))
        .height($r('app.float.back_image_size'))
        .onClick(() => {
          router.back()
        })
 
      Text(this.titleTxt)
         .fontColor($r('app.color.title_text_color'))
    }
    .justifyContent(FlexAlign.Center)
    .backgroundColor($r('ap