You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: versioned_docs/version-6.x/drawer-navigator.md
+15-1Lines changed: 15 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -15,7 +15,21 @@ Component that renders a navigation drawer which can be opened and closed via ge
15
15
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):
You also need to install [`react-native-gesture-handler`](https://docs.swmansion.com/react-native-gesture-handler/) and [`react-native-reanimated`](https://docs.swmansion.com/react-native-reanimated/).
22
+
23
+
If you have a Expo managed project, in your project directory, run:
To finalize installation of `react-native-gesture-handler`, add the following at the **top** (make sure it's at the top and there's nothing else before it) of your entry file, such as `index.js` or `App.js`:
Copy file name to clipboardExpand all lines: versioned_docs/version-6.x/material-top-tab-navigator.md
+15-1Lines changed: 15 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,21 @@ This wraps [`react-native-tab-view`](https://github.com/react-native-community/r
17
17
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):
Copy file name to clipboardExpand all lines: versioned_docs/version-6.x/stack-navigator.md
+29-1Lines changed: 29 additions & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -19,7 +19,21 @@ One thing to keep in mind is that while `createStackNavigator` is extremely cust
19
19
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):
You also need to install [`react-native-gesture-handler`](https://docs.swmansion.com/react-native-gesture-handler/).
26
+
27
+
If you have a Expo managed project, in your project directory, run:
28
+
29
+
```sh
30
+
expo install react-native-gesture-handler
31
+
```
32
+
33
+
If you have a bare React Native project, in your project directory, run:
34
+
35
+
```bash npm2yarn
36
+
npm install react-native-gesture-handler
23
37
```
24
38
25
39
To finalize installation of `react-native-gesture-handler`, add the following at the **top** (make sure it's at the top and there's nothing else before it) of your entry file, such as `index.js` or `App.js`:
> Note: If you are building for Android or iOS, do not skip this step, or your app may crash in production even if it works fine in development. This is not applicable to other platforms.
32
46
47
+
Optionally, you can also to install [`@react-native-masked-view/masked-view`](https://github.com/react-native-masked-view/masked-view). This is needed if you want to use UIKit style animations for the header ([`HeaderStyleInterpolators.forUIKit`](#headerstyleinterpolators)).
48
+
49
+
If you have a Expo managed project, in your project directory, run:
0 commit comments