闲聊SwiftUI中的自定义组件

闲聊SwiftUI中的自定义组件

SwifUI提供了许多功能强大的内置组件,允许我们快速构建复杂的UI。这些组件不仅功能强大,而且书写方式既简单又优雅。 比如HStack组件,它将任何N个其他组件排成一行 ,比如,下面代码将两个组件排除水平一行:

HStack {
   
Text("春眠不觉晓,处处闻啼鸟...")
Image(systemName: "heart")
 //更多组件
}

想象一下,要描述并实现上面的需求,还有比HStack组件更简洁的方式吗?答案是没有!

组件的优点是不言而喻的,那么我们是否也可以有自己的组件呢,比如,我们希望有一个组件RedBox,它将我们的UI内容加上红色的边框,并像下面方式一样使用:

RedBox {
   
     Text("春眠不觉晓,处处闻啼鸟,夜来风雨声, 花落知多少")
}

答案是肯定的,这就是自定义组件。下面几行简单的代码就实现了我们的RedBox

struct  RedBox<</
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值