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 当自定义组件使用大括号传递插槽时无法传递样式
982浏览 • 1回复 待解决
HarmonyOS slot插槽
1006浏览 • 1回复 待解决
js类web开发有slot插槽,可以自定义组件,ets下没有
3880浏览 • 1回复 待解决
HarmonyOS @BuilderParam实现组件插槽时的this指向问题
918浏览 • 1回复 待解决
如何实现类似插槽的功能
3041浏览 • 1回复 待解决
组件开发咨询,有没有类似vue solt插槽的功能
1365浏览 • 1回复 待解决
如果要实现插槽功能要如何实现
1322浏览 • 1回复 待解决
类似js中的slot插槽功能在ArkTS中如何实现
2984浏览 • 1回复 待解决
请问Ark UI有类似插槽的概念么?
4578浏览 • 1回复 待解决
HarmonyOS 如何自定义toast组件
1187浏览 • 1回复 待解决
HarmonyOS 如何自定义布局组件
1060浏览 • 1回复 待解决
HarmonyOS 定义自定义组件
1364浏览 • 1回复 待解决
HarmonyOS ui组件内部如何定义变量
1032浏览 • 1回复 待解决
HarmonyOS 自定义UI组件如何自定义属性方法
1920浏览 • 1回复 待解决
HarmonyOS 有像 Vue 一样的插槽使用方法吗
893浏览 • 1回复 待解决
HarmonyOS如何手动重置自定义组件?
1456浏览 • 1回复 待解决
HarmonyOS 自定义组件如何获取高度?
1311浏览 • 1回复 待解决
HarmonyOS 父组件如何触发子组件内定义的方法
981浏览 • 1回复 待解决
HarmonyOS 自定义组件如何写自定义事件?
1869浏览 • 1回复 待解决
UI问题:现在的tabs组件导航右侧支持插槽吗,查询了相关文档没有看到现在写法
1217浏览 • 1回复 待解决
HarmonyOS 自定义StepperView组件如何实现
1089浏览 • 1回复 待解决
HarmonyOS如何自定义组件的Controller?
1548浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
1647浏览 • 1回复 待解决
HarmonyOS 如何主动销毁自定义组件
1264浏览 • 1回复 待解决
HarmonyOS 自定义组件父组件如何给子组件传递数据
1068浏览 • 1回复 待解决
可以使用【@BuilderParam装饰器】,参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-builderparam-V5根据提供的样例代码,需要这样改造代码: