Build SwiftUI Two & Three Column Layout using Navigation Split View in SwiftUI 4
Another amazing update of SwiftUI 4 is the introduction of Navigation Split View. Now its easier to create a Navigation Split View Column using Content and Details, and it also become very convenient to use with some amazing APIs.
Earlier SwiftUI provides a default navigation wrapper which automatically switches between Stack Navigation and Column based navigation based on Device Size and Layout. Developer has to write all the Detail and Content View inside the same Navigation View closure.
In this video we gonna take a look at Navigation Split View of SwiftUI 4.
Source Code : https://github.com/recoding-io/swiftu...
Suggested Video:
1. Create Custom Navigation Stack using SwiftUI 4.0 : • Create Custom SwiftUI Navigation Stac...
Checkout full playlist :
1. SwiftUI 4.0 Tutorials : • SwiftUI 4.0 Tutorials
2. SwiftUI Tutorials : • SwiftUI : Build Document OCR App usin...
3. Apple Persistence Storage : • Apple Persistent Storage Tutorial
Timeline
Intro (0:00)
Introduction to Navigation Split View (0:27)
Earlier Way for Creating Split View (3:16)
Building Two Column Layout View (4:10)
Adding Category Data Model (5:05)
Creating Sidebar for Two Column View (6:55)
Creating Navigation Model Class (7:44)
Adding Device Data Model (10:15)
Creating Two Column List View (11:27)
Creating Two Column Detail View (14:57)
Building Three Column Layout View (18:09)
Creating Switch Between Three Column and Two Column Layout (23:45)
Building Setting View (27:51)
Adding Ability to Show and Hide Sidebar and Content View (34:46)
Support us on
☕ @Buy me a coffee - https://www.buymeacoffee.com/recoding
🎗@Patreon - / recoding_io
Follow us on
📝 @Medium - / recoding
🐦 @Twitter - / recoding_io
🦄 @Dev.to - https://dev.to/recoding
📌 @Pinterest.com - / recoding_io
🔗 @LinkedIn.com - / recoding-io
#️⃣ @Hashnode - https://recoding.hashnode.dev/