HarmonyOS_封装组件

第一步：去掉@Entry

第二步：声明可复用参数 例：private title:ResourceStr

第三步：export

使用：  Nav({ title: '首页' })

 

import router from '@ohos.router';

@Component
export struct Nav {
  private title:ResourceStr
  build() {
    Column(){
      // 导航栏
      Row() {
        Image($r('app.media.back'))
          .width(70)
          .onClick(()=>{
            router.back()
          })
        Text(this.title)
          .fontSize('30')
          .fontWeight('30')
        Image($r('app.media.f5'))
          .width(70)
      }
      .margin({bottom:'20'})
      .padding('5')
      .width('100%')
      .backgroundColor('#43B1F2')
      .justifyContent(FlexAlign.SpaceBetween)
    }
  }
}