This content originally appeared on flaviocopes.com and was authored by flaviocopes.com
In the last SwiftUI tutorial I mentioned how views can be arranged using stacks:
VStack {
Text("Hello World")
Text("Hello again!")
}
Let’s talk about spacing.
See how there’s no space between the two Text views? That’s because it’s the default behavior of VStack.
VStack accepts a spacing parameter:
VStack(spacing: 100) {
Text("Hello World")
Text("Hello again!")
}This puts a 100 points space between the views contained in the VStack.
You can also use a Spacer view:
VStack {
Text("Hello World")
Spacer()
Text("Hello again!")
}Spacer fills all the available space as it can:
You can limit it to a specific set of points using the frame() modifier:
VStack {
Text("Hello World")
Spacer()
.frame(height: 20)
Text("Hello again!")
}
This content originally appeared on flaviocopes.com and was authored by flaviocopes.com
flaviocopes.com | Sciencx (2021-09-16T05:00:00+00:00) SwiftUI: spacing. Retrieved from https://www.scien.cx/2021/09/16/swiftui-spacing/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.