Chinook.SectionsNavigation
0.7.0
See the version list below for details.
dotnet add package Chinook.SectionsNavigation --version 0.7.0
NuGet\Install-Package Chinook.SectionsNavigation -Version 0.7.0
<PackageReference Include="Chinook.SectionsNavigation" Version="0.7.0" />
paket add Chinook.SectionsNavigation --version 0.7.0
#r "nuget: Chinook.SectionsNavigation, 0.7.0"
// Install Chinook.SectionsNavigation as a Cake Addin #addin nuget:?package=Chinook.SectionsNavigation&version=0.7.0 // Install Chinook.SectionsNavigation as a Cake Tool #tool nuget:?package=Chinook.SectionsNavigation&version=0.7.0
Chinook StackNavigation and SectionsNavigation
This library provides unified cross-platform tools to perform ViewModel-based navigation using the Frame navigation model.
// Navigate to the PersonDetailsPage.
await navigator.Navigate(ct, () => new PersonDetailsPageViewModel());
// Navigate back.
await navigator.NavigateBack(ct);
Getting Started
1. Choose your Navigator
There are 2 types of navigators available:
IStackNavigator
- Use this if your app would use a singleFrame
.ISectionsNavigator
- Use this if you want to use multiple frames (like sections tabs) or modals. Note thatIStackNavigator
is used as a building block byISectionsNavigator
.
2. Create your Navigator
See how to get you instance for StackNavigation or SectionsNavigation. Note that your code should always use the interface in order to be easily reused for integration tests.
3. Use your Navigator
There's a lot of things you can do. Here are some examples.
Navigate forward and back
// Navigate to the PersonDetailsPage.
await navigator.Navigate(ct, () => new PersonDetailsPageViewModel());
// Navigate back.
await navigator.NavigateBack(ct);
Navigate forward, clearing the backstack
// Navigate to the HomePage, clearing all other previous pages from the backstack.
await navigator.NavigateAndClear(ct, () => new HomePageViewModel());
Remove previous pages
// Navigate to Step 1
await navigator.Navigate(ct, () => new Step1PageViewModel());
// Navigate to Step 2
await navigator.Navigate(ct, () => new Step2PageViewModel());
// Navigate to Step 2.1
await navigator.Navigate(ct, () => new Step21PageViewModel());
// Navigate to Step 3
await navigator.Navigate(ct, () => new Step3PageViewModel());
// Remove the previous page (Step 2.1) from the backstack.
await navigator.RemovePrevious(ct);
// Navigate back to Step 2
await navigator.NavigateBack(ct);
The following examples only apply to ISectionsNavigator
.
Change between sections
// Go to Home section.
await sectionsNavigator.SetActiveSection(ct, "Home");
// Go to Messages section.
await sectionsNavigator.SetActiveSection(ct, "Messages");
// Go to Settings section.
await sectionsNavigator.SetActiveSection(ct, "Settings");
Return to root of section
// Go to Home section.
await sectionsNavigator.SetActiveSection(ct, "Home", () => new HomePageViewModel());
// Navigate forward to some details page in the Home section.
await sectionsNavigator.Navigate(ct, () => new PersonDetailsPageViewModel());
// Go to Messages section.
await sectionsNavigator.SetActiveSection(ct, "Messages");
// Return to Home section on the Home page, not the PersonDetails page.
await sectionsNavigator.SetActiveSection(ct, "Home", () => new HomePageViewModel(), returnToRoot: true);
Open and close modals
// Open LoginPage in a modal.
await sectionsNavigator.OpenModal(ct, () => new LoginPageViewModel());
// Close the modal.
await sectionsNavigator.CloseModal(ct);
Open modals behind other modals
// Open LoginPage in a modal with a priority of 2.
await sectionsNavigator.OpenModal(ct, () => new LoginPageViewModel(), priority = 2);
// Open the SurveyPage in a modal behind the LoginPage page modal, using a lower priority of 1.
// Because the SurveyPage opens with a lower priority, you don't actually see this change happen.
await sectionsNavigator.OpenModal(ct, () => new SurveyPageViewModel(), priority = 1);
// Close the top-most modal (LoginPage) to reveal the SurveyPage modal behind it.
await sectionsNavigator.CloseModal(ct);
Change sections behind modals
// Open LoginPage in a modal.
await sectionsNavigator.OpenModal(ct, () => new LoginPageViewModel());
// Change the section to Messages.
// Modals are displayed on top of sections, so you don't actually see this change happen.
await sectionsNavigator.SetActiveSection(ct, "Messages", () => new MessagesPageViewModel());
// Close the modal to reveal the Messages section.
await sectionsNavigator.CloseModal(ct);
Navigate in an inactive section
// Go to Home section.
await sectionsNavigator.SetActiveSection(ct, "Home", () => new HomePageViewModel());
// Get the settings section navigator.
var settingsSection = sectionsNavigator.State.Sections["Settings"];
// Navigate forward to the SettingsPage, then the LicencePage in the Settings section.
// The Settings sections is not currently active, so you don't actually see this change happen.
await settingsSection.Navigate(ct, () => new SettingsPageViewModel());
await settingsSection.Navigate(ct, () => new LicencePageViewModel());
// Go to Settings section to see the Licence page.
await sectionsNavigator.SetActiveSection(ct, "Settings");
// Navigate back to SettingsPage.
await sectionsNavigator.NavigateBack(ct);
Navigate back or close modal
// Check whether the navigator can navigate back or close a modal.
// This us useful when dealing with an hardware back button.
if (sectionsNavigator.CanNavigateBackOrCloseModal())
{
// Navigates back within the modal if the modal has multiple pages in its stack
// Or closes the modal if there's a modal that has an empty backstack
// Or navigates back in the active section.
await sectionsNavigator.NavigateBackOrCloseModal(ct);
}
Features
Ready for Dependency Injection
The two navigation services are made from simple interfaces. You can easily leverage containers such as Microsoft's Generic Host.
Ready for Integration Testing
Because this is ViewModel-based navigation and the navigator interfaces don't reference any UI type, you can use the navigators in Test Projects or Console Applications without changing your navigation logic. Just install the Chinook.SectionsNavigation
or Chinook.StackNavigation
packages and use the BlindSectionsNavigator
or BlindStackNavigator
implementations.
No Double Navigation
If you invoke 2 operations simultaneously (double tap, press 2 buttons with 2 fingers, etc.), only the first will actually run.
This is because the request state (Processing, Processed or FailedToProcess) is part of the ISectionsNavigator.State
.
If a request is made while another is processing, the second request is cancelled.
Background Navigation
You can navigate in sections that are not active. This is useful if you want to prepare a section before entering it.
Transitions and Animations
For stack navigation, you can suppress the default transition using StackNavigatorRequest.SuppressTransitions
.
For sections navigation, you can customize or disable animations using SectionsNavigatorRequest.TransitionInfo
.
You can read more on that here.
Modals
ISectionsNavigator
allows you to handle multiple stacks of navigation in your app, including modals. This means you can easily handle navigation with your modals, since the modals are just in another navigation stack. For instance, the user can navigate back and forth in the modals, and your app can navigate the pages behind the modals, without breaking the flow.
Changelog
Please consult the CHANGELOG for more information about version history.
License
This project is licensed under the Apache 2.0 license - see the LICENSE file for details.
Contributing
Please read CONTRIBUTING.md for details on the process for contributing to this project.
Be mindful of our Code of Conduct.
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net5.0 was computed. net5.0-windows was computed. net6.0 was computed. net6.0-android was computed. net6.0-ios was computed. net6.0-maccatalyst was computed. net6.0-macos was computed. net6.0-tvos was computed. net6.0-windows was computed. net7.0 was computed. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. net8.0 was computed. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
.NET Core | netcoreapp2.0 was computed. netcoreapp2.1 was computed. netcoreapp2.2 was computed. netcoreapp3.0 was computed. netcoreapp3.1 was computed. |
.NET Standard | netstandard2.0 is compatible. netstandard2.1 was computed. |
.NET Framework | net461 was computed. net462 was computed. net463 was computed. net47 was computed. net471 was computed. net472 was computed. net48 was computed. net481 was computed. |
MonoAndroid | monoandroid was computed. |
MonoMac | monomac was computed. |
MonoTouch | monotouch was computed. |
Tizen | tizen40 was computed. tizen60 was computed. |
Xamarin.iOS | xamarinios was computed. |
Xamarin.Mac | xamarinmac was computed. |
Xamarin.TVOS | xamarintvos was computed. |
Xamarin.WatchOS | xamarinwatchos was computed. |
-
.NETStandard 2.0
- Chinook.SectionsNavigation.Abstractions (>= 0.7.0)
- Chinook.StackNavigation (>= 0.7.0)
NuGet packages (2)
Showing the top 2 NuGet packages that depend on Chinook.SectionsNavigation:
Package | Downloads |
---|---|
Chinook.SectionsNavigation.Uno
Unified cross-platform tools to perform ViewModel-based navigation. |
|
Chinook.SectionsNavigation.Uno.WinUI
Unified cross-platform tools to perform ViewModel-based navigation. |
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
3.0.2 | 3,537 | 2/22/2024 |
3.0.1 | 7,410 | 1/18/2024 |
3.0.0 | 1,360 | 12/22/2023 |
3.0.0-feature.Uno5Update.7 | 157 | 12/6/2023 |
3.0.0-feature.Uno5Update.4 | 1,925 | 11/28/2023 |
2.1.2 | 7,285 | 2/22/2024 |
2.1.1 | 10,946 | 6/15/2023 |
2.1.0 | 493 | 6/15/2023 |
2.0.0 | 18,525 | 4/12/2023 |
1.1.2 | 62,828 | 10/14/2022 |
1.1.1 | 987 | 10/12/2022 |
1.1.0 | 2,693 | 9/23/2022 |
1.1.0-feature.dotnet6.12 | 151 | 9/22/2022 |
1.1.0-feature.dotnet6.4 | 133 | 9/16/2022 |
1.0.0 | 3,306 | 9/2/2022 |
0.7.0 | 784 | 8/30/2022 |
0.7.0-dev.91 | 20,237 | 5/17/2022 |
0.7.0-dev.88 | 14,084 | 4/13/2022 |
0.7.0-dev.86 | 173 | 4/12/2022 |
0.7.0-dev.83 | 308 | 3/30/2022 |
0.6.0-feature.uno-ui-4.79 | 182 | 3/15/2022 |
0.6.0-feature.uno-ui-4.78 | 162 | 3/15/2022 |
0.6.0-dev.80 | 337 | 3/15/2022 |
0.5.0-feature.uno-ui-4.77 | 6,045 | 1/25/2022 |
0.5.0-dev.73 | 16,431 | 1/24/2022 |
0.5.0-dev.71 | 171 | 1/20/2022 |
0.4.0-feature.uno-ui-4.70 | 206 | 12/20/2021 |
0.4.0-dev.69 | 10,345 | 10/12/2021 |
0.4.0-dev.67 | 35,015 | 5/26/2021 |
0.4.0-dev.65 | 395 | 4/20/2021 |
0.4.0-dev.62 | 2,142 | 4/19/2021 |
0.4.0-dev.59 | 9,038 | 4/6/2021 |
0.3.0-dev.53 | 244 | 3/30/2021 |
0.3.0-dev.50 | 8,010 | 3/16/2021 |
0.2.0-dev.46 | 1,820 | 12/17/2020 |
0.2.0-dev.44 | 4,901 | 12/4/2020 |
0.2.0-dev.42 | 12,564 | 12/4/2020 |
0.2.0-dev.39 | 424 | 11/2/2020 |
0.2.0-dev.37 | 13,519 | 8/21/2020 |
0.2.0-dev.33 | 1,723 | 8/13/2020 |
0.2.0-dev.31 | 978 | 6/26/2020 |
0.2.0-dev.29 | 488 | 6/26/2020 |