simonnickel/snap-matching-navigation

Demo

The demo project shows an example on how to use the package.

<img src="/screenshot-iphone.png" height="400"> <img src="/screenshot-ipad.png" height="400">

How to use

MNavContainer(splitScene: {
	NavigationSplitView {
		Text("Sidebar")
	} content: {
		Text("Content")
	} detail: {
		Text("Detail")
	}
}, tabScene: {
	MNavTabScene(tabs: tabs, selected: $tabSelected, tabScreen: { tab in
		
		<View for the tab>
		
	})
})

MNavContainer

A container that either shows the SplitScene or the TabScene ViewBuilder based on device.

MNavTabScene

A wrapper around TabView to expose the selected tab as a binding.

Package Metadata

Repository: simonnickel/snap-matching-navigation

Default branch: main

README: README.md