ArkUI 自定义组件设计:用明确的输入和插槽降低复用成本
ccai 2026-09-24 16:32:53 发布0 浏览 0 点赞 0 收藏
自定义组件最容易出现的问题是参数越来越多,最后变成一个难以维护的“大组件”。
可以把组件分成数据、事件和内容插槽:
@Component
struct InfoCard {
@Prop title: string
@Prop enabled: boolean
@BuilderParam content: () => void
private onClick?: () => void
build() {
Column() {
Text(this.title)
this.content()
}
.opacity(this.enabled ? 1 : 0.5)
}
}组件不应直接访问页面仓储、路由或全局状态。它只接收数据并抛出事件,页面负责决定业务动作。
封装完成后,至少验证空内容、长标题、禁用态、深色模式、字体放大和多次复用。组件 API 越小,后续升级越容易。
©本站发布的所有内容,包括但不限于文字、图片、音频、视频、图表、标志、标识、广告、商标、商号、域名、软件、程序等,除特别标明外,均来源于网络或用户投稿,版权归原作者或原出处所有。我们致力于保护原作者版权,若涉及版权问题,请及时联系我们进行处理。
分类
IDE
相关推荐
【HarmonyOS 7 悬浮页签深度实战】07 折叠屏、平板与宽窗口的布局适配
小雨同学
35
0【HarmonyOS 7 悬浮页签深度实战】06 智感握姿下的左右手操作适配
小雨同学
22
0HAR和HSP的选型与迁移
周正
0
0HSP循环依赖的一次解耦
周正
0
0Lottie动画性能优化的几个点
周正
0
0
ccai
我还没有写个人简介......
48
帖子
0
提问
0
粉丝
最新发布
HMAC 请求签名:为开放接口增加防篡改校验
2026-09-24 16:37:00 发布Java 依赖安全:从漏洞扫描到可追溯制品
2026-09-24 16:36:46 发布热门推荐
8139 浏览
相关问题


京公网安备:11010502051901号