A collection of native SwiftUI layouts (iOS 16+)

Last update: Jul 28, 2022

SwiftUILayouts

A library of commonly requested layouts. Implemented using SwiftUI's native layout system.

NOTE: SwiftUILayouts requires iOS 16 or above, as this uses the new SwiftUI Layout system.

Why use these?

  • Native SwiftUI Layouts are fast and can be safely embedded anywhere in SwiftUI views
  • Each layout is self-contained within a file. Want to customise it? Just copy the code (and send us a pull request with improvements!)

Check out the demo app to see them in action

Layouts

Flow Layout

Ideal for tag lists, amongst many other uses. Lay out views horizontally, wrapping to the next line when space runs out

Waterfall Layout

Great for presenting images of varying aspect ratios. Ensures columns are filled equally while preserving order.

Credit

The flow layout code was heavily inspired by objc.io's great exploration of the new Layout system.

GitHub

https://github.com/apptekstudios/SwiftUILayouts
You might also like...

🏀 iOS and Android NBA app created with React Native

🏀 iOS and Android NBA app created with React Native

Swish An iOS and Android NBA app created with React Native. If you would like to request a feature, find a bug, have a question, or would like to leav

Feb 10, 2022

Blazing⚡️Fast BTC and ETH Wallet Generator library for React Native, Android and iOS

Blazing ⚡️ Fast BTC and ETH Wallet Generator library for React Native, Android and iOS.

Feb 21, 2022

React Native utility library around image and video files for getting metadata like MIME type, timestamp, duration, and dimensions. Works on iOS and Android using Java and Obj-C, instead of Node 🚀.

Qeepsake React Native File Utils Extracts information from image and video files including MIME type, duration (video), dimensions, and timestamp. The

Apr 30, 2022

A react native interface for integrating payments using Braintree

A react native interface for integrating payments using Braintree

Jul 20, 2022

Mimicrated views and controls to native Apple appearance.

Mimicrated views and controls to native Apple appearance.

Mimicrated views and controls to native Apple appearance. If you have any ideas of what elements can be added, let me know. Below you will see previews of all the elements and how to use them.

Jul 29, 2022

React Native 实现无侵入自定义下拉刷新组件

React Native 实现无侵入自定义下拉刷新组件

react-native-ly-refresh-control 下拉刷新 iOS 基于MJRefresh 通过RCTCustomRefreshContolProtocol实现RefreshControl组件封装 JS端可以无侵入自定义下拉刷新只需要替换对应的refreshControl Androi

Jul 2, 2022

Static Native Template and Dynamic Styling without any other app release

FileManager Project Students and Freshers, Good opportunity for you to learn and contribute in this project. Here you would learn how you can change t

Nov 30, 2021

Flutter package for detecting NSFW images and videos using native implementation

Flutter NSFW 1- Download, tflite modle and put it in assets folder 2 - Add the path of the tfliet to pubspec.yaml 3 - Read the file using path_provide

Jul 12, 2022

React Native package for interacting with HomeKit devices

React Native package for interacting with HomeKit devices

Dec 24, 2021
Vahesaroyan-react-native-bubble-select - React native bubble picker

@vahesaroyan/react-native-bubble-select React native bubble picker Installation

Jan 30, 2022
Home Assistant Native iOS Application built with SwiftUI for iOS 15+
 Home Assistant Native iOS Application built with SwiftUI for iOS 15+

Home Assistant - Native iOS SwiftUI Application Screenshots Disclaimer - Please read This application is mostly a not-working mockup written in SwiftU

May 30, 2022
A Collection of PropertyWrappers to make custom Serialization of Swift Codable Types easy

CodableWrappers Simplified Serialization with Property Wrappers Move your Codable and (En/De)coder customization to annotations! struct YourType: Coda

Aug 4, 2022
A collection of Swift Tutorials built with Apple's DocC.

Swift Tutorials This is not a package, it's just a bunch of tutorials This project uses Apple's DocC (Documentation Compiler) to create a set of Swift

Apr 15, 2022
A patch collection to save your Xcode
A patch collection to save your Xcode

Patch Xcode is worst IDE I have ever used Xcode 13.3 introduced a very annoying bug. When you type anything with Chinese IME in the LLDB console

Jul 14, 2022
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).
iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

FinanceReactNative iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android). Data is pulled from Yahoo Finance

Aug 3, 2022
A native iOS UI widget for adding Spokestack to any iOS app.
A native iOS UI widget for adding Spokestack to any iOS app.

A native iOS library for adding Spokestack to any iOS app. Installation Edit Podfile CocoaPods is a dependency manager for Cocoa projects. For usage a

Jun 8, 2021
iOS 15 share play API in react-native

react-native-shareplay iOS 15 share play API in react-native Installation yarn add react-native-shareplay And go to Xcode Capabilities and enable "Gro

Aug 2, 2022
KYC-iOS-Native - To Scan Doc and Validate KYC

KYC-iOS-Native Example To run the example project, clone the repo, and run pod i

Jan 10, 2022