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 当自定义组件使用大括号传递插槽时无法传递样式
1014浏览 • 1回复 待解决
HarmonyOS slot插槽
1064浏览 • 1回复 待解决
HarmonyOS @BuilderParam实现组件插槽时的this指向问题
1021浏览 • 1回复 待解决
js类web开发有slot插槽,可以自定义组件,ets下没有
3934浏览 • 1回复 待解决
如何实现类似插槽的功能
3085浏览 • 1回复 待解决
组件开发咨询,有没有类似vue solt插槽的功能
1409浏览 • 1回复 待解决
如果要实现插槽功能要如何实现
1372浏览 • 1回复 待解决
类似js中的slot插槽功能在ArkTS中如何实现
3024浏览 • 1回复 待解决
请问Ark UI有类似插槽的概念么?
4628浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
1462浏览 • 1回复 待解决
HarmonyOS ui组件内部如何定义变量
1082浏览 • 1回复 待解决
HarmonyOS 自定义组件如何写自定义事件?
2074浏览 • 1回复 待解决
HarmonyOS 如何自定义toast组件
1234浏览 • 1回复 待解决
HarmonyOS 如何自定义布局组件
1131浏览 • 1回复 待解决
HarmonyOS 如何主动销毁自定义组件
1324浏览 • 1回复 待解决
HarmonyOS如何自定义组件的Controller?
1601浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
1730浏览 • 1回复 待解决
HarmonyOS 自定义StepperView组件如何实现
1146浏览 • 1回复 待解决
HarmonyOS 自定义组件父组件如何给子组件传递数据
1123浏览 • 1回复 待解决
HarmonyOS 有像 Vue 一样的插槽使用方法吗
927浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
2167浏览 • 1回复 待解决
HarmonyOS 自定义组件如何获取高度?
1385浏览 • 1回复 待解决
HarmonyOS如何手动重置自定义组件?
1526浏览 • 1回复 待解决
HarmonyOS 如何让自定义组件响应onPageShow
988浏览 • 1回复 待解决
HarmonyOS自定义组件增加方法如何实现
1525浏览 • 1回复 待解决
可以使用【@BuilderParam装饰器】,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builderparam-V5根据提供的样例代码,需要这样改造代码: