如何解决SwiftUI Shape Scale Size 使得 HStack 大小不会增加
我正在尝试使圆圈适合 HStack
,这样 HStack
的大小就不会增加。
如何在不指定固定框架的情况下使圆圈适合?
struct ContentView: View {
var body: some View {
NavigationView {
Form {
HStack {
Circle()
.fill(Color.red)
.aspectRatio(1,contentMode: .fit)
Text("Hello")
}
HStack {
Circle()
.fill(Color.blue)
.aspectRatio(1,contentMode: .fit)
Text("Hello")
}
}
}
}
}
解决方法
以下是可供选择的各种容器的示例。 SwiftUI 将完成所有布局,自动处理旋转和设备分辨率。
struct CirclesView: View {
var body: some View {
VStack(spacing: 0) {
Label("Circles",systemImage: "circle").font(.system(size: 24,weight: .black,design: .rounded)).foregroundColor(.pink)
HStack {
Circle()
.foregroundColor(.yellow)
.frame(width: 32,height: 32)
Text("This is a yellow circle")
Spacer()
}
Circle()
.foregroundColor(.orange)
.shadow(radius: 10)
.frame(width: 75)
Divider()
HStack {
VStack {
Circle().foregroundColor(.blue)
Text("Blue").font(.title3)
HStack {
Circle().foregroundColor(.purple)
Text("Purple").font(.caption)
}
}
.padding()
.background(Color.yellow)
ZStack(alignment: Alignment(horizontal: .center,vertical: .center)) {
Circle().foregroundColor(.green)
Text("Green").foregroundColor(.primary)
}
}
}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。