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") } }}