之前我们讲过 自定义组件函数
但是 因为它写在了根组件内部 其他page是用不了它的
我们可以直接这样写
@Entry
@Component
struct Index {
build() {
Row() {
Column() {
imist("第一个组件接到值了");
imist("第二个组件也接到啦");
imist("我这边也OK");
}
.width('100%')
}
.height('100%')
}
}
@Builder function imist(content:string) {
Row() {
Image($r('app.media.img'))
.width(20)
.height(20)
.margin(15)
Text(content)
.fontColor(Color.White)
}
.backgroundColor(Color.Blue)
.borderRadius(25)
.margin({
top: 15
})
.width("80%")
}
这里 我们直接 在Builder 后面加一个function
函数就可以写到外面来了