HarmonyOS 鸿蒙Next 通过builderParam传递自定义组件，但是组件中的参数不生效

发布于 1周前 作者 itying888 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 通过builderParam传递自定义组件，但是组件中的参数不生效

beta1  场景 我想通过BuilderParam传入自定义的组件，该自定义组件中有一个回调函数，下面为主要代码  

export struct FloatWindowWrapper {
  // 传入的背景组件，直接接入录屏能力

  @BuilderParam customComp: () => void = this.DefaultBuilder
}
//外层组件

@Builder
punchComp() {
  PythonPage({
    onPythonLoaded: (success) => {

      // 没有被调用

      if (success) {
        this.isLoading = false
      }
    }
  })
}

build() {
  if (this.isLoading) {
    LoadTransitionPageView()
  } else {
    Row() {
      FloatWindowWrapper({ customComp: this.punchComp })
    }.size({ width: StyleConstants.FULL_WIDTH, height: StyleConstants.FULL_HEIGHT })
  }
}

最终@builder中定义的组件，传的回调函数以及数据不生效

Harmonyos Next教程
2 回复

你想实现的效果是给FloatWindowWrapper组件传入[@builder](/user/builder)修饰的punchComp展示吗？如果是这样的效果，是使用了BuilderParam的尾随闭包功能，可以参考以下文档https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builderparam-V5#尾随闭包初始化组件

再给你个demo参考一下

//FloatWindowWrapper.ets
[@Component](/user/Component)
export struct FloatWindowWrapper {
  [@Builder](/user/Builder)
  DefaultBuilder() {
  }
  [@BuilderParam](/user/BuilderParam) customComp: () => void = this.DefaultBuilder
  build() {
    Column() {
      Text('CustomContainer')
      this.customComp()
    }
  }
}
//Index .ets
import { FloatWindowWrapper } from './FloatWindowWrapper'
[@Entry](/user/Entry)
[@Component](/user/Component)
struct Index {
  [@Builder](/user/Builder)
  punchComp() {
    Text('punchComp')
  }
  build() {
    Column() {
      FloatWindowWrapper({ customComp: this.punchComp })
    }
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

在HarmonyOS鸿蒙Next系统中，通过builderParam传递自定义组件参数时，如果参数未生效，可能的原因及解决思路如下：

  1. 参数传递错误：请检查builderParam中参数名与自定义组件中定义的参数名是否一致，以及参数类型是否匹配。确保传递的是正确的参数名和值。

  2. 组件内部处理：自定义组件内部需要正确接收并处理builderParam传递的参数。请检查组件内部是否有对应的逻辑来读取和使用这些参数。

  3. 属性绑定问题：如果参数是绑定到组件的属性上的，请确保属性绑定表达式正确无误。例如，使用{{param}}或[[param]]（根据具体语法）来绑定参数。

  4. 生命周期问题：有时候参数可能在组件的生命周期中的某个阶段才生效。请检查参数是否在组件正确加载和渲染后才被设置。

  5. 版本兼容性问题：确保你使用的HarmonyOS SDK版本与你的开发环境兼容，并且没有已知的bug影响参数传递。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部