HarmonyOS 鸿蒙Next 自定义组件中的Row().onClick()点击无效，大佬们能帮看看吗？C#程序员刚入坑ArkTS

HarmonyOS 鸿蒙Next 自定义组件中的Row().onClick()点击无效，大佬们能帮看看吗？C#程序员刚入坑ArkTS

@Component struct ToDoItem{ private content?:string; @State IsComplete:Boolean = false;

@Builder labelIcon(icon: Resource) { Image(icon) .objectFit(ImageFit.Contain) .width(30) .margin({left:20}) }

build(){ Row(){ if(!this.IsComplete){ this.labelIcon($r(‘app.media.ic_default’)) } else{ this.labelIcon($r(‘app.media.ic_ok’)) } Text(this.content) .width(‘80%’) .margin(10) .fontSize(20) .opacity(this.IsComplete?0.4:1) .decoration({type:this.IsComplete?TextDecorationType.LineThrough:TextDecorationType.None}) } .margin({top:10}) .backgroundColor(’#FFFFFF’) .width(‘93.3%’) .height(‘64’) .borderRadius(20) .onClick(=>{ this.IsComplete = !this.IsComplete; }) } }


更多关于HarmonyOS 鸿蒙Next 自定义组件中的Row().onClick()点击无效，大佬们能帮看看吗？C#程序员刚入坑ArkTS的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

开发者您好，根据您提供的代码，是有点击效果的，你可以更换Row()组件背景颜色，点击Row()组件的区域即可实现，如下：

0343E013-60B7-4786-9433-8FA2CEC8511B.png

更多关于HarmonyOS 鸿蒙Next 自定义组件中的Row().onClick()点击无效，大佬们能帮看看吗？C#程序员刚入坑ArkTS的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


onClick是通用方法，你这段代码的点击事件是有效的。至于界面不切换的原因，把boolean的大小写换下。

还真是大小写的问题，感谢，问题已解决，

在鸿蒙Next中，Row().onClick()点击无效可能是由于以下几个原因：

  1. 组件层级问题：Row组件本身不具备点击事件的处理能力，需要确保Row内部有子组件能够响应点击事件，或者使用Gesture组件包裹Row来处理点击事件。

  2. 事件冒泡：如果Row内部有子组件处理了点击事件并阻止了事件冒泡，可能会导致Row的点击事件无法触发。确保子组件没有使用stopPropagation等方法阻止事件冒泡。

  3. 组件状态：如果Row或其子组件处于不可点击状态（如disabled），点击事件将不会触发。检查组件的状态是否正常。

  4. 事件绑定：确保onClick事件绑定正确，且没有拼写错误或语法问题。

  5. ArkTS语法：ArkTS与C#在事件处理上有差异，确保事件处理函数的定义和调用符合ArkTS的语法规范。

示例代码：

Row()
  .onClick(() => {
    console.log('Row clicked');
  })
  .children(
    Text('Click me')
  )

如果问题仍未解决，建议检查上述原因并逐步排查。

回到顶部