Skip to content

Commit b3f1562

Browse files
committed
Update navigation solutions
1 parent 931143c commit b3f1562

File tree

2 files changed

+16
-40
lines changed

2 files changed

+16
-40
lines changed

versioned_docs/version-6.x/navigation-solutions-and-community-libraries.md

+8-20
Original file line numberDiff line numberDiff line change
@@ -6,62 +6,50 @@ sidebar_label: Navigation Solutions and Community Libraries
66

77
> Libraries listed in this guide may not have been updated to work with the latest version of React Navigation. Please refer to the library's documentation to see which version of React Navigation it supports.
88
9-
# Solutions built on top of React Navigation
9+
## Solutions built on top of React Navigation
1010

11-
## Solito
11+
### Solito
1212

1313
A tiny wrapper around React Navigation and Next.js that lets you share navigation code across platforms. Also, it provides a set of patterns and examples for building cross-platform apps with React Native + Next.js.
1414

15-
#### Links
16-
1715
[Documentation](https://solito.dev/)
1816

1917
[github.com/nandorojo/solito](https://github.com/nandorojo/solito)
2018

21-
## Expo Router
19+
### Expo Router
2220

2321
File-based router for React Native apps. With Expo Router pages are automatically generated by simply creating files in a project.
2422

25-
#### Links
26-
2723
[Documentation](https://expo.github.io/router/docs)
2824

2925
[github.com/expo/router](https://github.com/expo/router)
3026

31-
## Navio
27+
### Navio
3228

3329
A navigation library built on top of React Navigation. It's main goal is to improve DX by building the app layout in one place and using the power of TypeScript to provide route names autocompletion.
3430

35-
#### Links
36-
3731
[github.com/kanzitelli/rn-navio](https://github.com/kanzitelli/rn-navio)
3832

3933
[Demo on Snack](https://snack.expo.dev/@kanzitelli/rn-navio-snack)
4034

41-
# Community libraries
35+
## Community libraries
4236

43-
## react-native-screens
37+
### react-native-screens
4438

4539
This project aims to expose native navigation container components to React Native and React Navigation can integrate with it since version 2.14.0. Using `react-native-screens` brings several benefits, such as support for the ["reachability feature"](https://www.cnet.com/how-to/how-to-use-reachability-on-iphone-6-6-plus/) on iOS, and improved memory consumption on both platforms.
4640

47-
#### Links
48-
4941
[github.com/software-mansion/react-native-screens](https://github.com/software-mansion/react-native-screens)
5042

51-
## react-navigation-header-buttons
43+
### react-navigation-header-buttons
5244

5345
Helps you to render buttons in the navigation bar and handle the styling so you don't have to. It tries to mimic the appearance of native navbar buttons and attempts to offer a simple interface for you to interact with.
5446

55-
#### Links
56-
5747
[github.com/vonovak/react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)
5848

5949
[Demo on expo](https://expo.io/@vonovak/navbar-buttons-demo)
6050

61-
## react-navigation-props-mapper
51+
### react-navigation-props-mapper
6252

6353
Provides simple HOCs that map react-navigation props to your screen components directly - ie. instead of `const user = this.props.route.params.activeUser`, you'd write `const user = this.props.activeUser`.
6454

65-
#### Links
66-
6755
[github.com/vonovak/react-navigation-props-mapper](https://github.com/vonovak/react-navigation-props-mapper)

versioned_docs/version-7.x/navigation-solutions-and-community-libraries.md

+8-20
Original file line numberDiff line numberDiff line change
@@ -6,62 +6,50 @@ sidebar_label: Navigation Solutions and Community Libraries
66

77
> Libraries listed in this guide may not have been updated to work with the latest version of React Navigation. Please refer to the library's documentation to see which version of React Navigation it supports.
88
9-
# Solutions built on top of React Navigation
9+
## Solutions built on top of React Navigation
1010

11-
## Solito
11+
### Solito
1212

1313
A tiny wrapper around React Navigation and Next.js that lets you share navigation code across platforms. Also, it provides a set of patterns and examples for building cross-platform apps with React Native + Next.js.
1414

15-
#### Links
16-
1715
[Documentation](https://solito.dev/)
1816

1917
[github.com/nandorojo/solito](https://github.com/nandorojo/solito)
2018

21-
## Expo Router
19+
### Expo Router
2220

2321
File-based router for React Native apps. With Expo Router pages are automatically generated by simply creating files in a project.
2422

25-
#### Links
26-
2723
[Documentation](https://expo.github.io/router/docs)
2824

2925
[github.com/expo/router](https://github.com/expo/router)
3026

31-
## Navio
27+
### Navio
3228

3329
A navigation library built on top of React Navigation. It's main goal is to improve DX by building the app layout in one place and using the power of TypeScript to provide route names autocompletion.
3430

35-
#### Links
36-
3731
[github.com/kanzitelli/rn-navio](https://github.com/kanzitelli/rn-navio)
3832

3933
[Demo on Snack](https://snack.expo.dev/@kanzitelli/rn-navio-snack)
4034

41-
# Community libraries
35+
## Community libraries
4236

43-
## react-native-screens
37+
### react-native-screens
4438

4539
This project aims to expose native navigation container components to React Native and React Navigation can integrate with it since version 2.14.0. Using `react-native-screens` brings several benefits, such as support for the ["reachability feature"](https://www.cnet.com/how-to/how-to-use-reachability-on-iphone-6-6-plus/) on iOS, and improved memory consumption on both platforms.
4640

47-
#### Links
48-
4941
[github.com/software-mansion/react-native-screens](https://github.com/software-mansion/react-native-screens)
5042

51-
## react-navigation-header-buttons
43+
### react-navigation-header-buttons
5244

5345
Helps you to render buttons in the navigation bar and handle the styling so you don't have to. It tries to mimic the appearance of native navbar buttons and attempts to offer a simple interface for you to interact with.
5446

55-
#### Links
56-
5747
[github.com/vonovak/react-navigation-header-buttons](https://github.com/vonovak/react-navigation-header-buttons)
5848

5949
[Demo on expo](https://expo.io/@vonovak/navbar-buttons-demo)
6050

61-
## react-navigation-props-mapper
51+
### react-navigation-props-mapper
6252

6353
Provides simple HOCs that map react-navigation props to your screen components directly - ie. instead of `const user = this.props.route.params.activeUser`, you'd write `const user = this.props.activeUser`.
6454

65-
#### Links
66-
6755
[github.com/vonovak/react-navigation-props-mapper](https://github.com/vonovak/react-navigation-props-mapper)

0 commit comments

Comments
 (0)