How to adjust spacing between HStack elements in swiftUI? How to adjust spacing between HStack elements in swiftUI? ios ios

How to adjust spacing between HStack elements in swiftUI?


Add a spacing attribute to the HStack itself. For a spacing of e.g. 10:

HStack {    Image("Rhea").resizable().cornerRadius(25).frame(width: 50.0, height: 50.0)    VStack(alignment: .leading) {        Text("How to enjoy your life without money").bold().font(.system(size: 20))        HStack(spacing: 10) {            Text("Lets create")            Text("3K views")            Text("3 hours ago")        }    }}


You can add spacing inside your SwiftUI stacks by providing a value in the initialiser, like this:

VStack

VStack(spacing: 50) {    Text("SwiftUI")    Text("rocks")}

HStack

HStack(spacing: 50) {    Text("SwiftUI")    Text("rocks")}

In you case you can use like below.

HStack {Image("Rhea").resizable().cornerRadius(25).frame(width: 50.0, height: 50.0)    VStack(alignment: .leading) {        Text("How to enjoy your life without money").bold().font(.system(size: 20))        HStack(spacing: 10) {            Text("Lets create")            Text("3K views")            Text("3 hours ago")        }    }}


matomo