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 当自定义组件使用大括号传递插槽时无法传递样式
510浏览 • 1回复 待解决
HarmonyOS slot插槽
420浏览 • 1回复 待解决
js类web开发有slot插槽,可以自定义组件,ets下没有
3152浏览 • 1回复 待解决
HarmonyOS @BuilderParam实现组件插槽时的this指向问题
325浏览 • 1回复 待解决
如何实现类似插槽的功能
2312浏览 • 1回复 待解决
组件开发咨询,有没有类似vue solt插槽的功能
711浏览 • 1回复 待解决
如果要实现插槽功能要如何实现
737浏览 • 1回复 待解决
类似js中的slot插槽功能在ArkTS中如何实现
2263浏览 • 1回复 待解决
请问Ark UI有类似插槽的概念么?
3946浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
524浏览 • 1回复 待解决
HarmonyOS ui组件内部如何定义变量
226浏览 • 1回复 待解决
HarmonyOS 如何自定义toast组件
441浏览 • 1回复 待解决
HarmonyOS 如何自定义布局组件
295浏览 • 1回复 待解决
HarmonyOS 自定义组件如何写自定义事件?
1059浏览 • 1回复 待解决
HarmonyOS 自定义StepperView组件如何实现
472浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
798浏览 • 1回复 待解决
HarmonyOS如何自定义组件的Controller?
767浏览 • 1回复 待解决
HarmonyOS 如何主动销毁自定义组件
499浏览 • 1回复 待解决
HarmonyOS 自定义组件父组件如何给子组件传递数据
496浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
879浏览 • 1回复 待解决
HarmonyOS如何手动重置自定义组件?
718浏览 • 1回复 待解决
HarmonyOS 自定义组件如何获取高度?
693浏览 • 1回复 待解决
HarmonyOS 有像 Vue 一样的插槽使用方法吗
318浏览 • 1回复 待解决
HarmonyOS 父组件如何触发子组件内定义的方法
440浏览 • 1回复 待解决
UI问题:现在的tabs组件导航右侧支持插槽吗,查询了相关文档没有看到现在写法
620浏览 • 1回复 待解决
可以使用【@BuilderParam装饰器】,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builderparam-V5根据提供的样例代码,需要这样改造代码: