https://github.com/alexito4/equallyspacedstack

Equally Spaced Stacks for SwiftUI
https://github.com/alexito4/equallyspacedstack

package swift swiftui

Last synced: about 2 months ago
JSON representation

Equally Spaced Stacks for SwiftUI

• Host: GitHub
• URL: https://github.com/alexito4/equallyspacedstack
• Owner: alexito4
• Created: 2019-06-13T07:57:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2020-02-03T09:41:40.000Z (almost 5 years ago)
• Last Synced: 2024-10-29T02:48:11.765Z (2 months ago)
• Topics: package, swift, swiftui
• Language: Swift
• Size: 9.77 KB
• Stars: 21
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# EquallySpacedStack

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.

## Status

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](https://twitter.com/alexito4) on Twitter:

- [Trying to understand custom layouts in SwiftUI](https://alejandromp.com/blog/2019/06/12/custom-layouts-in-swiftui/)

- [SwiftUI TupleView and equally spaced stacks](https://alejandromp.com/blog/2019/06/13/implementing-a-equally-spaced-stack-in-swiftui-thanks-to-tupleview/)

## Usage

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)

    }

}

```

![](distributed_stack-aaae1c88c4412c44c53045f94508be1c-103f7.png)

## WIP

- [ ] 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](https://github.com/alexito4/EquallySpacedStack/pull/new) — 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.

## Author

Alejandro Martinez | http://alejandromp.com | [@alexito4](https://twitter.com/alexito4)