Equally Spaced Stacks for SwiftUI

What's New



This package provides two new Views: EquallySpacedHStack and EquallySpacedVStack. They behave like their respective Stacks but distribute the subviews by adding equal space between them.


This package is work in progress. I'm still trying to figure out the best way of doing custom layouts in SwiftUI.

If you want to follow the process you can read my blog or follow me on Twitter:


Just replace HStack or VStack with EquallySpacedHStack or EquallySpacedVStack:

EquallySpacedHStack {
    Color.red.frame(width: 50, height: 50)
    Color.blue.frame(width: 50, height: 50)
    Color.green.frame(width: 50, height: 50)

you can also use ForEach:

EquallySpacedHStack {
    ForEach(1...4) { _ in
        Color.red.frame(width: 50, height: 50)


  • Avoid issue when using more than the supported number of nested subviews.
  • Support more nested subviews (max is now 4)
  • Avoid using the type erased AnyView

Contributions & support

This project is developed completely in the open, and your contributions are more than welcome.

This project does not come with GitHub Issues-based support, and users are instead encouraged to become active participants in its continued development — by fixing any bugs that they encounter, or improving the documentation wherever it’s found to be lacking.

If you wish to make a change, open a Pull Request — even if it just contains a draft of the changes you’re planning, or a test that reproduces an issue — and we can discuss it further from there.


Alejandro Martinez | http://alejandromp.com | @alexito4


  • Swift Tools 5.1.0
View More Packages from this Author


  • None
Last updated: Sun Nov 13 2022 04:24:29 GMT-0500 (GMT-05:00)