我的文本“Line1”下方的空间过多。我想将图像向上移动更多,但不知道如何消除所有空间?这是一个小部件,因此很想听到有关如何使其适合所有设备正确调整大小的建议!
var body: some View {
ZStack {
Color("BackgroundColor")
VStack(alignment: .leading) {
HStack {
Text("Line1")
.foregroundColor(Color("Orange"))
.bold()
.font(.system(size: 17.5))
.padding(.top)
Spacer()
Image("Icon")
.padding(.top)
}
.padding()
VStack(alignment: .leading) {
Image("Icon2")
Text("State")
.foregroundColor(Color("white"))
.font(.system(size: 15))
//.font(family == .systemLarge ? .title :
// .headline)
.padding(.top, family == .systemLarge ? -15
: 0)
Text("Last update 4.16.2021")
.foregroundColor(Color("Color2"))
.font(.system(size: 10))
.opacity(0.5)
Spacer()
Spacer()
}
.padding()
}
}
Run Code Online (Sandbox Code Playgroud)