[英]GeometryReader Takes Extra Space in SwiftUI
下面的代码是创建一个自定义按钮
import SwiftUI
let skyBlue = Color(red: 75/255, green: 170/255, blue: 193/255)
struct RegisterButtonView: View {
var body: some View {
GeometryReader { geo in
HStack {
Spacer()
Text("Register")
.foregroundColor(Color(.white))
.font(.system(size: geo.size.width / 20))
.bold()
Spacer()
}
.frame(width: geo.size.width * 4/9, height: geo.size.height / 7)
.background(skyBlue)
.cornerRadius(60)
}
}
}
struct RegisterButtonView_Previews: PreviewProvider {
static var previews: some View {
RegisterButtonView()
}
}
但是整个按钮视图包含了GeometryReader引入的额外空间,所以当我把这个视图放到根视图中时,这个空间是无法消除的。
您可能需要直接设置 GeoReader 的框架。
struct RegisterButtonView: View {
var body: some View {
GeometryReader { geo in
HStack {
Spacer()
Text("Register")
.foregroundColor(Color(.white))
.font(.system(size: geo.size.width / 20 * 9 / 4))
.bold()
Spacer()
}
.frame(width: geo.size.width , height: geo.size.height )
.background(skyBlue)
.cornerRadius(60)
}.frame(width: UIScreen.main.bounds.width * 4/9 , height: UIScreen.main.bounds.height / 7)
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.