Skip to content

Commit 8cf193f

Browse files
committed
Add a heading for installation instructions
1 parent 759850a commit 8cf193f

File tree

6 files changed

+12
-0
lines changed

6 files changed

+12
-0
lines changed

versioned_docs/version-6.x/bottom-tab-navigator.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@ A simple tab bar on the bottom of the screen that lets you switch between differ
1212
</video>
1313
</div>
1414

15+
## Installation
16+
1517
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/bottom-tabs):
1618

1719
```bash npm2yarn

versioned_docs/version-6.x/drawer-navigator.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@ Component that renders a navigation drawer which can be opened and closed via ge
1212
</video>
1313
</div>
1414

15+
## Installation
16+
1517
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/drawer`](https://github.com/react-navigation/react-navigation/tree/main/packages/drawer):
1618

1719
```bash npm2yarn

versioned_docs/version-6.x/material-bottom-tab-navigator.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@ This wraps the [`BottomNavigation`](https://callstack.github.io/react-native-pap
1010

1111
<img src="/assets/navigators/tabs/material-bottom-tabs.gif" style={{ width: '420px', maxWidth: '100%', margin: '16px 0' }} />
1212

13+
## Installation
14+
1315
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-bottom-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-bottom-tabs):
1416

1517
```bash npm2yarn

versioned_docs/version-6.x/material-top-tab-navigator.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,8 @@ This wraps [`react-native-tab-view`](https://github.com/react-native-community/r
1414
</video>
1515
</div>
1616

17+
## Installation
18+
1719
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/material-top-tabs`](https://github.com/react-navigation/react-navigation/tree/main/packages/material-top-tabs):
1820

1921
```bash npm2yarn

versioned_docs/version-6.x/native-stack-navigator.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,8 @@ This navigator uses the native APIs `UINavigationController` on iOS and `Fragmen
1010

1111
One thing to keep in mind is that while `createNativeStackNavigator` offers native performance and exposes native features such as large title on iOS etc., it isn't as customizable as [`createStackNavigator`](stack-navigator.md), So if you need more customization than what's possible in this navigator, consider using `createStackNavigator` instead - which is a more customizable JavaScript based implementation.
1212

13+
## Installation
14+
1315
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/native-stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack):
1416

1517
```bash npm2yarn

versioned_docs/version-6.x/stack-navigator.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,8 @@ By default the stack navigator is configured to have the familiar iOS and Androi
1616

1717
One thing to keep in mind is that while `createStackNavigator` is extremely customizable, it's implemented in JavaScript. While it runs animations and gestures using natively, the performance may not be as fast as a native implementation. This may not be an issue for a lot of apps, but if you're experiencing performance issues during navigation, consider using [`createNativeStackNavigator`](native-stack-navigator.md) instead - which uses native navigation primitives.
1818

19+
## Installation
20+
1921
To use this navigator, ensure that you have [`@react-navigation/native` and its dependencies (follow this guide)](getting-started.md), then install [`@react-navigation/stack`](https://github.com/react-navigation/react-navigation/tree/main/packages/stack):
2022

2123
```bash npm2yarn

0 commit comments

Comments
 (0)