WWDC22 Challenge: SwiftUI navigation hotdish

Last update: Jun 11, 2022

Challenge: SwiftUI navigation hotdish

See this challenge definition at: Challenge: SwiftUI navigation hotdish

Proposed solution

The new SwiftUI version is introducing programmatic navigation. To try with a real life example and try as most features as possible, I used the following:

  • SplitNavigationView: to display a sidebar with grouped recipes by category, which can be collapsed. Also a search bar as it is the natural way to search for recipes (in a real cookbook we would use the table of contents). SplitNavigationView preview
  • StackNavigationView: to display related recipes of a root one in the same place, without losing the selected recipe state. As when we are taking a look at related content, we usually want to return to the original one. StackNavigationView preview
  • navigationTitle actions: we are now able to show a dropdown list of buttons next to a navigationTitle. This list is used as a breadcrumb to navigate between the stack of related recipes visited, and to quickly return to the root recipe. navigationTitle breadcrumb

Bringing robust navigation structure to your SwiftUI app.

Use navigation links, stacks, destinations, and paths to provide a streamlined experience for all platforms, as well as behaviors such as deep linking and state restoration.

Overview

GitHub

https://github.com/xzebra/NavigationCookbook
You might also like...

Grid-based app for macOS Catalyst (Mac Idiom) with navigation stack

Grid-based app for macOS Catalyst (Mac Idiom) with navigation stack

Catalyst Grid App Simple Catalyst example (Mac idiom) of a grid-based app with a push/pop navigation stack. Includes back button in toolbar that auto-

May 23, 2022

๐ŸŽฒ 100% SwiftUI 2.0, classic 2048 game [SwiftUI 2.0, iOS 14.0+, iPadOS 14.0+, macOS 11.0+, Swift 5.3].

๐ŸŽฒ 100% SwiftUI 2.0, classic 2048 game [SwiftUI 2.0, iOS 14.0+, iPadOS 14.0+, macOS 11.0+, Swift 5.3].

swiftui-2048 If you like the project, please give it a star โญ It will show the creator your appreciation and help others to discover the repo. โœ๏ธ Abou

Jun 25, 2022

A simple SwiftUI Application to demonstrate creation of UI using SwiftUI.

A simple SwiftUI Application to demonstrate creation of UI using SwiftUI.

WatchShop_UI A simple SwiftUI Application to demonstrate creation of UI using SwiftUI. How to run the project ? Fork the project. Run the project usin

Apr 15, 2022

E-commerce app built in SwiftUI. Built in the course SwiftUI Masterclass in Udemy.

E-commerce app built in SwiftUI. Built in the course SwiftUI Masterclass in Udemy.

Touchdown-SwiftUI E-commerce app built in SwiftUI. Built in the course SwiftUI Masterclass in Udemy. Main components and concepts used: @EnvironmentOb

Jan 26, 2022

A multiplatform SwiftUI project demonstrating various SwiftUI features.

WikiDemo A multiplatform SwiftUI project demonstrating various SwiftUI features, including creating a master-detail interface. It's a multiplatform ve

Apr 17, 2022

SwiftUI Projects from Udemy SwiftUI Masterclass

SwiftUI Masterclass Repos: AsyncImage (N/A) Fructus (finished): an app for getting information about different fruits. Data comes from json files. Afr

Mar 3, 2022

Best architecture for SwiftUI + CombineBest architecture for SwiftUI + Combine

Best architecture for SwiftUI + Combine The content of the presentation: First of the proposed architectures - MVP + C Second of the proposed architec

Dec 15, 2021

Weather-swiftui - An example of using SwiftUI

weather-swiftui An example of using SwiftUI Installation Get openweather api key

Jan 1, 2022

Orbit-swiftui - Orbit design system implemented in SwiftUI for iOS

Orbit is a SwiftUI component library which provides developers the easiest possi

Jun 22, 2022
My WWDC22 Swift Student Challenge submission [Submitted]
My WWDC22 Swift Student Challenge submission [Submitted]

WWDC22 Swift Student Challenge Submission An educational iPad app teaching some fundamental rules of typography in a fun and interactive way. Created

Jun 15, 2022
Challenge: Throwback with SwiftUI ๐Ÿ•บ๐Ÿป
Challenge: Throwback with SwiftUI ๐Ÿ•บ๐Ÿป

Challenge: Throwback with SwiftUI ???? https://developer.apple.com/news/?id=5qbbn6ut Built using: SF Symbols & LazyVGrid for the toolbar Reference ima

Apr 6, 2022
DiceChallenge - Hacking with SwiftUI Challenge - Dice simulator
DiceChallenge - Hacking with SwiftUI Challenge - Dice simulator

Some Dices Hacking with SwiftUI challenge turned into a real app available at th

Jan 11, 2022
Loopy Carousel: Submission to the SwiftUI Series **Workarounds** challenge
Loopy Carousel: Submission to the SwiftUI Series **Workarounds** challenge

Loopy Carousel Submission to the SwiftUI Series Workarounds challenge. Workaround details In order to create the illusion of looping through the cards

May 22, 2022
GroceryMartApp-iOS-practice - To Practice fundamental SwiftUI feature like navigation, state mamagement, customazing etc
GroceryMartApp-iOS-practice - To Practice fundamental SwiftUI feature like navigation, state mamagement, customazing etc

?? GroceryMartApp-iOS-practice ์•„๋ž˜์˜ ๋‚ด์šฉ์€ ์Šค์œ—ํ•œ SwiftUI ์ฑ…์˜ ์‹ค์ „ ์•ฑ ๊ตฌํ˜„ํ•˜๊ธฐ ์„ ๋ฐ”ํƒ•์œผ๋กœ ์ •๋ฆฌํ•œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค

Jan 7, 2022
My submission for WWDC'21 Swift Student Challenge which was selected.
My submission for WWDC'21 Swift Student Challenge which was selected.

Double Spending This is my submission for Swift Student Challenge - WWDC2021. This playgrounds aims to teach you basics of Double Spending Attack. Thi

Mar 22, 2022
My WWDC21 Swift Student Challenge Submission

Swift3D A 3D framework for everyone. I love SwiftUI. I have been using it constantly since it came out in 2019 and its power and ease of use are what

Jun 18, 2022
Swift Playgrounds desenvolvido para o Swift Student Challenge da WWDC 21
Swift Playgrounds desenvolvido para o Swift Student Challenge da WWDC 21

Pile Up Swift Playgrounds desenvolvido para o Swift Student Challenge da WWDC 21 Descriรงรฃo Pile Up รฉ um quebra cabeรงa cujo objetivo รฉ empilhar os bloc

Jun 5, 2021
My project for WWDC21 Swift Student Challenge!
My project for WWDC21 Swift Student Challenge!

Art with Times Table An interactive book that shows the figures that are generated when times tables are drawn inside a circle. This project was appro

Oct 19, 2021
Jan 27, 2022