https://github.com/reactcomponentkit/routerexample
SwiftUI Router Example🚀
https://github.com/reactcomponentkit/routerexample
Last synced: 7 months ago
JSON representation
SwiftUI Router Example🚀
- Host: GitHub
- URL: https://github.com/reactcomponentkit/routerexample
- Owner: ReactComponentKit
- License: mit
- Created: 2021-03-05T13:15:36.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-03-07T10:01:44.000Z (over 4 years ago)
- Last Synced: 2025-02-14T19:53:54.286Z (9 months ago)
- Language: Swift
- Size: 1.97 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# RouterExample
[SwiftUI Router](https://github.com/ReactComponentKit/Router) Example🚀
## Example
## Example Code
```swift
import SwiftUI
import Router
import Defaults
@main
struct RouterExampleApp: App {
@Default(.isFirstLaunch)
var isFirstLaunch
var body: some Scene {
WindowGroup {
RouterRootView { router in
Switch(isFirstLaunch)
.Case(true) { _ in
OnboardingView()
}
.Case(false) { _ in
ContentView()
}
.Else {
EmptyView()
}
.navigationBarHidden(true)
}
.path("myapp://onboarding") { data in
Switch(data.page.flatMap { Int($0) })
.Case(1) { _ in
OnboardingView()
}
.Case(2) { _ in
OnboardingView2()
}
.Else {
EmptyView()
}
.navigationBarHidden(true)
}
.path("myapp://content") { data in
Switch(data.as_root.flatMap { Bool($0) })
.Case(true) { _ in
ContentView()
.asRouterRootView()
}
.Else {
ContentView()
}
.navigationBarHidden(true)
}
.path("myapp://counter") { data in
CounterView(count: data.bindings.count)
.navigationBarHidden(true)
}
.path("myapp://color") { data in
If(data.color).Let { color in
ColorView(color: MyColor.from(string: color))
}
.navigationBarHidden(true)
// Switch(data.color)
// .Case("red") { color in
// ColorView(color: MyColor.from(string: color))
// .navigationBarHidden(true)
// }
// .Case("green") { color in
// ColorView(color: MyColor.from(string: color))
// .navigationBarHidden(true)
// }
// .Else {
// Text("OMG")
// }
}
}
}
}
```
## ColorView
```swift
import SwiftUI
import Router
enum MyColor: String {
case red
case green
case blue
case yellow
case purple
case white
}
struct ColorView: View {
@EnvironmentObject
var router: Router
var color: MyColor = .white
var body: some View {
VStack(spacing: 48) {
switch color {
case .red:
Button("Go to Green") {
router.route("myapp://color?color=green", .push)
}
case .green:
Button("Go to Blue") {
router.route("myapp://color?color=blue", .push)
}
case .blue:
Button(action: { router.route("myapp://color?color=yellow", .push) }) {
Text("Go to Yellow")
.foregroundColor(.white)
}
case .yellow:
Button("Go to Purple") {
router.route("myapp://color?color=purple", .push)
}
case .purple:
Button("Go to White") {
router.route("myapp://color?color=white", .push)
}
default:
Button("Go to Red") {
router.route("myapp://color?color=red", .push)
}
}
Button(action: { router.route("myapp://content.as.root", .sheet) }) {
Text("Go to Sheet")
.foregroundColor(.black)
}
Button(action: { router.popToRoot() }) {
Text("Pop To Root")
.foregroundColor(.black)
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(makeColor(color: color).ignoresSafeArea())
}
private func makeColor(color: MyColor) -> Color {
switch color {
case .red:
return Color.red
case .blue:
return Color.blue
case .green:
return Color.green
case .yellow:
return Color.yellow
case .purple:
return Color.purple
case .white:
return Color.white
}
}
}
```