HarmonyOS 自定义组件的事件处理
应用中有很多页面是有header的,包含一个箭头,标题,和 动态子标题,比如(更多),我写了一个通用的的组件,
但是不知道如何处理如下问题:
1. 箭头是关闭当前页面,在自定义的Component中,如何实现
2. 子标题会根据不同的页面有不同的反应,如何在调用的地方传入点击事件,用于点击事件的回调呢?
@Component
export struct BaseHeader{
@Prop title:string = '测试标题'
build() {
Stack() {
//返回箭头
Row() {
Image($r('app.media.ic_back')).height(24).width(24).margin({left:12})
}.justifyContent(FlexAlign.Start).width('100%').height('100%')
//标题
Row() {
Text(this.title).fontSize(17).fontWeight(400).fontColor($r('app.color.color_33322d'))
}.justifyContent(FlexAlign.Center).width('100%').height('100%')
//子标题以及自定义点击事件
Row() {
Text(this.title).fontSize(17).fontWeight(400).fontColor($r('app.color.color_33322d')).margin({right:12})
}.justifyContent(FlexAlign.End).width('100%').height('100%')
}.height(44).margin({ top: AppStorage.get('topHeight') })
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 自定义组件如何写自定义事件?
516浏览 • 1回复 待解决
请问自定义组件内的点击事件时机要怎样传给调用自定义组件的页面里来?
283浏览 • 1回复 待解决
如何自定义处理父子组件间的事件传递,例如,如何解决滑动冲突
1772浏览 • 1回复 待解决
ArkUI如何实现自定义组件传递点击事件
3810浏览 • 2回复 待解决
HarmonyOS Navigation的事件里不能自定义backButton的点击事件
455浏览 • 1回复 待解决
自定义组件能否处理成系统组件类似的写法?
216浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
426浏览 • 1回复 待解决
HarmonyOS如何自定义组件的Controller?
299浏览 • 1回复 待解决
HarmonyOS 自定义组件问题
360浏览 • 1回复 待解决
HarmonyOS如何在自定义组件的自定义函数中获取当前的 NavPathStack
576浏览 • 1回复 待解决
HarmonyOS 文本怎么自定义识别高亮显示和自定义点击事件显示菜单/气泡?
371浏览 • 1回复 待解决
返回按钮是否可以自定义事件?
208浏览 • 1回复 待解决
如何为自定义组件添加属性方法以及事件方法?
262浏览 • 1回复 待解决
HarmonyOS ArkUI加载自定义组件
414浏览 • 1回复 待解决
自定义组件嵌套子组件
9465浏览 • 3回复 待解决
如何实现H5自定义事件
2314浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
397浏览 • 1回复 待解决
HarmonyOS CoverFlow效果自定义组件实现
231浏览 • 1回复 待解决
自定义组件onMeasureSize的使用
376浏览 • 1回复 待解决
HarmonyOS 如何获取自定义组件的高度?
426浏览 • 1回复 待解决
自定义组件的手势监听会和其他组件点击事件一起触发。
3371浏览 • 1回复 待解决
HarmonyOS Navigation组件现在支持自定义返回图标吗?如何自定义修改呢?
546浏览 • 1回复 待解决
HarmonyOS 关于自定义事件回调的方法中,this为undefine
294浏览 • 1回复 待解决
HarmonyOS 是否可以在interface里定义自定义组件?
323浏览 • 1回复 待解决
HarmonyOS UI组件自定义点击范围
286浏览 • 1回复 待解决
箭头事件可以使用router.back(),由于您使用的是stack堆叠容器,箭头事件触发不了,添加zIndex提升堆叠顺序就可以触发了,子标题的点击事件可以由父组件传入,具体代码如下:
//父组件
//BaseHeader组件