This is an example of the view that has a glitch in layout.
struct SomeSection: View {
var body: some View {
ZStack(alignment: .topTrailing) {
VStack(spacing: 16) {
Text("This is title\n with two lines")
.font(.system(size: 24).bold())
.multilineTextAlignment(.center)
Text("This is long description text\n that occupies more than 2 lines \n and in that case it causes a bug")
.font(.system(size: 15))
.multilineTextAlignment(.center)
}
.background(Color.orange)
Button {
print("close")
} label: {
Image(systemName: "xmark")
}
.background(.green)
}
.background(.red)
}
}
You can see red bar at the bottom that should not be visible. Top multilined label doesn't occupy necessary space and is trimmed.
But if you change size of top label's font to 22 or LESS OR bottom label's font to 16 or MORE everything will look accordingly expectations.
Can anyone explain why this happens and how to fix it?
Georgii_Kh
Users receive reputation points by contributing quality content to the forums.
Posts include post and replies published on the forums.
Post authors can mark replies as Accepted to indicate successful solutions.
Apple Developer Forums admins can mark replies as Apple Recommended to indicate an approved solution