鸿蒙卡片传值app到卡片

复制代码
WidgetCard.ets
复制代码
@Entry
@Component
struct WidgetCard {
  @State num: number = 0

  @LocalStorageProp('formId')
  @Watch('updataFormId')
  formId:string=''

  updataFormId(){
    // 卡片向app传参
    postCardAction(this, {
      action: 'call',
      abilityName: 'EntryAbility',
      params:{
        method:'updataFormId',
        num:this.formId
      }
    });
  }

  build() {
    Row() {
      Column() {

        Text('ID:'+this.formId)

        Button(this.num + '++').onClick(() => {
          this.num++
          postCardAction(this, {
            action: 'call',
            abilityName: 'EntryAbility',
            params:{
              method:'updataNum',
              num:this.num
            }
          });
        })
      }.width('100%')
    }
    .height('100%')
    .onClick(() => {
      postCardAction(this, {
        action: 'router', //跳转事件
        abilityName: 'EntryAbility',

      });
    })
  }
}

获取卡片id

在卡片的entryability中:EntryFormAbility

复制代码
export default class EntryFormAbility extends FormExtensionAbility {
  onAddForm(want: Want) {
    // Called to return a FormBindingData object.
    let formData = '';
    return formBindingData.createFormBindingData({
      // form id
      formId:want.parameters!['ohos.extra.param.key.form_identity']as string
    });
  }

在app的entryability中:

复制代码
class Params implements rpc.Parcelable{
  marshalling(dataOut: rpc.MessageSequence): boolean {
    return true
  }

  unmarshalling(dataIn: rpc.MessageSequence): boolean {
    return true
  }

}

class CaraParam{
  num:number=0
  formId:string=''
}

export default class EntryAbility extends UIAbility {
  onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');

    this.callee.on('updataNum',(data)=>{
      let res=JSON.parse(data.readString())as CaraParam
      AppStorage.setOrCreate('num',res.num)
      return new Params()
    })

    // 卡片创建时,调用了updataFormId,此时这里就会被触发,然后app将值传过去
    this.callee.on('updataFormId',(data)=>{
      let res=JSON.parse(data.readString())as CaraParam
      // AppStorage.setOrCreate('num',res.formId)
      // 数据可以写到首选项中存储

      // 把最新的数据推过去
      formProvider.updateForm(res.formId,formBindingData.createFormBindingData({
        num:AppStorage.get('num')
      }))
      return new Params()
    })
  }
相关推荐
2501_9209317037 分钟前
React Native鸿蒙跨平台使用useState管理健康记录和过滤状态,支持多种健康数据类型(血压、体重等)并实现按类型过滤功能
javascript·react native·react.js·ecmascript·harmonyos
2501_921930831 小时前
高级进阶 React Native 鸿蒙跨平台开发:InteractionManager 交互优化
react native·harmonyos
前端不太难1 小时前
HarmonyOS PC 文档模型完整范式
华为·状态模式·harmonyos
ITUnicorn3 小时前
【HarmonyOS6】从零实现自定义计时器:掌握TextTimer组件与计时控制
华为·harmonyos·arkts·鸿蒙·harmonyos6
摘星编程3 小时前
OpenHarmony + RN:Stack堆栈导航转场
react native·react.js·harmonyos
BlackWolfSky3 小时前
鸿蒙中级课程笔记13—应用/元服务上架
笔记·华为·harmonyos
2601_949543013 小时前
Flutter for OpenHarmony垃圾分类指南App实战:主题配置实现
android·flutter
2601_949833394 小时前
flutter_for_openharmony口腔护理app实战+知识实现
android·javascript·flutter
晚霞的不甘4 小时前
Flutter for OpenHarmony从基础到专业:深度解析新版番茄钟的倒计时优化
android·flutter·ui·正则表达式·前端框架·鸿蒙
财经三剑客4 小时前
鸿蒙智行1月交付57915台,同比增长65.6%
华为·harmonyos