HarmonyOS 如何定义组件插槽
需要声明一个全局的Builder函数用来描述UI片段,内部定义一个Row,其中某一个UI元素,支持从外部定义,相当于外部像特定插槽中插入UI组件,这个UI插槽如何作为Builder函数参数进行定义?
伪代码:
@Builder
export function settingsTileBuilder(icon: PixelMap | ResourceStr | DrawableDescriptor, title: string | ResourceStr, onTap: () => void) {
Row() {
Image(icon)
.width('17vp')
.height('17vp')
Text(title)
.fontColor($r('app.color.onSurface'))
.fontSize('16fp')
.margin({ left: '10vp' })
Blank()
if (soltBuilder?) {
soltBuilder()
}
Image($r('app.media.ic_right_arrow'))
.size({ width: '9vp', height: '9vp' })
.objectFit(ImageFit.Contain)
.fillColor($r('app.color.onSurface'))
.opacity(0.4)
}
.padding({ left: '30vp', right: '30vp', top: '25vp', bottom: '25vp' })
.width('100%')
.onClick(() => {
onTap();
})
}其中,soltBuilder不确定应该以什么方式添加到settingsTileBuilder这个函数的参数声明中。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS slot插槽
1106浏览 • 1回复 待解决
HarmonyOS 当自定义组件使用大括号传递插槽时无法传递样式
1041浏览 • 1回复 待解决
HarmonyOS @BuilderParam实现组件插槽时的this指向问题
1082浏览 • 1回复 待解决
js类web开发有slot插槽,可以自定义组件,ets下没有
3970浏览 • 1回复 待解决
如何实现类似插槽的功能
3173浏览 • 1回复 待解决
如果要实现插槽功能要如何实现
1415浏览 • 1回复 待解决
组件开发咨询,有没有类似vue solt插槽的功能
1444浏览 • 1回复 待解决
类似js中的slot插槽功能在ArkTS中如何实现
3058浏览 • 1回复 待解决
请问Ark UI有类似插槽的概念么?
4680浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
1549浏览 • 1回复 待解决
HarmonyOS ui组件内部如何定义变量
1128浏览 • 1回复 待解决
HarmonyOS 如何自定义布局组件
1189浏览 • 1回复 待解决
HarmonyOS 如何自定义toast组件
1285浏览 • 1回复 待解决
HarmonyOS 有像 Vue 一样的插槽使用方法吗
952浏览 • 1回复 待解决
HarmonyOS 自定义组件如何写自定义事件?
2198浏览 • 1回复 待解决
HarmonyOS 自定义StepperView组件如何实现
1191浏览 • 1回复 待解决
HarmonyOS如何自定义组件的Controller?
1647浏览 • 1回复 待解决
HarmonyOS 如何主动销毁自定义组件
1366浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
1781浏览 • 1回复 待解决
HarmonyOS 自定义组件父组件如何给子组件传递数据
1189浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
2279浏览 • 1回复 待解决
HarmonyOS如何手动重置自定义组件?
1581浏览 • 1回复 待解决
HarmonyOS 自定义组件如何获取高度?
1423浏览 • 1回复 待解决
HarmonyOS 父组件如何触发子组件内定义的方法
1039浏览 • 1回复 待解决
HarmonyOS 如何让自定义组件响应onPageShow
1054浏览 • 1回复 待解决





















可以使用【@BuilderParam装饰器】,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builderparam-V5根据提供的样例代码,需要这样改造代码: