Skip to content

Commit 36bf12a

Browse files
satya164satya164
committed
Remove references to /routers package
1 parent b7b19fe commit 36bf12a

File tree

12 files changed

+45
-40
lines changed

12 files changed

+45
-40
lines changed

‎website/static/examples/5.x/drawer-actions.js‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
11
import * as React from 'react';
22
import { View, Button, Text } from 'react-native';
3-
import { NavigationContainer } from '@react-navigation/native';
3+
import { NavigationContainer, DrawerActions } from '@react-navigation/native';
44
import {
55
createDrawerNavigator,
66
DrawerContentScrollView,
77
DrawerItemList,
88
DrawerItem,
99
} from '@react-navigation/drawer';
10-
import { DrawerActions } from '@react-navigation/routers';
1110

1211
function HomeScreen({ navigation }) {
1312
const jumpToAction = DrawerActions.jumpTo('Profile', { user: 'Satya' });

‎website/static/examples/5.x/drawer-dispatch.js‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,12 @@
11
import * as React from 'react';
22
import { View, Text, Button } from 'react-native';
3-
import { NavigationContainer } from '@react-navigation/native';
3+
import { NavigationContainer, DrawerActions } from '@react-navigation/native';
44
import {
55
createDrawerNavigator,
66
DrawerContentScrollView,
77
DrawerItemList,
88
DrawerItem,
99
} from '@react-navigation/drawer';
10-
import { DrawerActions } from '@react-navigation/routers';
1110

1211
function Feed({ navigation }) {
1312
return (

‎website/static/examples/5.x/stack-actions.js‎

Lines changed: 12 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,25 @@
11
import * as React from 'react';
22
import { View, Button, Text } from 'react-native';
3-
import { NavigationContainer } from '@react-navigation/native';
3+
import { NavigationContainer, StackActions } from '@react-navigation/native';
44
import { createStackNavigator } from '@react-navigation/stack';
5-
import { StackActions } from '@react-navigation/routers';
65

76
function HomeScreen({ navigation }) {
87
return (
98
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
109
<Text>Home!</Text>
1110
<Button
1211
title="Push Profile on the stack"
13-
onPress={() => navigation.dispatch(StackActions.push('Profile', { user: 'Wojtek' }))}
12+
onPress={() =>
13+
navigation.dispatch(StackActions.push('Profile', { user: 'Wojtek' }))
14+
}
1415
/>
1516
<Button
1617
title="Replace with Profile"
17-
onPress={() => navigation.dispatch(StackActions.replace('Profile', { user: 'Wojtek' }))}
18+
onPress={() =>
19+
navigation.dispatch(
20+
StackActions.replace('Profile', { user: 'Wojtek' })
21+
)
22+
}
1823
/>
1924
</View>
2025
);
@@ -31,7 +36,9 @@ function ProfileScreen({ navigation, route }) {
3136
/>
3237
<Button
3338
title="Pop one screen from stack"
34-
onPress={() => navigation.dispatch(StackActions.push('Profile', { user: 'Wojtek' }))}
39+
onPress={() =>
40+
navigation.dispatch(StackActions.push('Profile', { user: 'Wojtek' }))
41+
}
3542
/>
3643
<Button
3744
title="Pop to top"

‎website/static/examples/5.x/tab-actions.js‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,7 @@
11
import * as React from 'react';
22
import { View, Button, Text } from 'react-native';
3-
import { NavigationContainer } from '@react-navigation/native';
3+
import { NavigationContainer, TabActions } from '@react-navigation/native';
44
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
5-
import { TabActions } from '@react-navigation/routers';
65

76
function HomeScreen({ navigation }) {
87
const jumpToAction = TabActions.jumpTo('Profile', { user: 'Satya' });

‎website/static/js/snack.js‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@ const DEPS_VERSIONS = {
88
],
99
'5': [
1010
'@react-native-community/masked-view@^0.1.1',
11-
'@react-navigation/native@^5.0.0',
12-
'@react-navigation/bottom-tabs@^5.0.0',
13-
'@react-navigation/drawer@^5.0.0',
14-
'@react-navigation/material-bottom-tabs@^5.0.0',
15-
'@react-navigation/material-top-tabs@^5.0.0',
16-
'@react-navigation/native-stack@^5.0.0',
17-
'@react-navigation/stack@^5.0.0',
11+
'@react-navigation/native@^5.0.1',
12+
'@react-navigation/bottom-tabs@^5.0.1',
13+
'@react-navigation/drawer@^5.0.1',
14+
'@react-navigation/material-bottom-tabs@^5.0.1',
15+
'@react-navigation/material-top-tabs@^5.0.1',
16+
'@react-navigation/native-stack@^5.0.1',
17+
'@react-navigation/stack@^5.0.1',
1818
'react-native-gesture-handler@1.5.2',
1919
'react-native-reanimated@1.4.0',
2020
'react-native-safe-area-context@0.6.0',

‎website/versioned_docs/version-5.x/custom-navigators.md‎

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -51,8 +51,11 @@ Example:
5151

5252
```js
5353
import * as React from 'react';
54-
import { useNavigationBuilder } from '@react-navigation/native';
55-
import { TabRouter, TabActions } from '@react-navigation/routers';
54+
import {
55+
useNavigationBuilder,
56+
TabRouter,
57+
TabActions,
58+
} from '@react-navigation/native';
5659

5760
function TabNavigator({
5861
initialRouteName,
@@ -147,13 +150,11 @@ import { StyleProp, ViewStyle } from 'react-native';
147150
import {
148151
useNavigationBuilder,
149152
DefaultNavigatorOptions,
150-
} from '@react-navigation/native';
151-
import {
152153
TabRouter,
153154
TabActions,
154155
TabRouterOptions,
155156
TabNavigationState,
156-
} from '@react-navigation/routers';
157+
} from '@react-navigation/native';
157158

158159
// Props accepted by the view
159160
type TabNavigationConfig = {
@@ -244,8 +245,8 @@ import * as React from 'react';
244245
import {
245246
useNavigationBuilder,
246247
createNavigatorFactory,
248+
TabRouter,
247249
} from '@react-navigation/native';
248-
import { TabRouter } from '@react-navigation/routers';
249250
import { BottomTabView } from '@react-navigation/bottom-tabs';
250251

251252
function BottomTabNavigator({

‎website/versioned_docs/version-5.x/custom-routers.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -137,7 +137,7 @@ export default SimpleRouter;
137137

138138
## Built-In Routers
139139

140-
The `@react-navigation/routers` package ships with a few standard routers:
140+
The library ships with a few standard routers:
141141

142142
- `StackRouter`
143143
- `TabRouter`
@@ -154,7 +154,7 @@ See [custom navigators](custom-navigators.html) for details on how to override t
154154
Let's say you want to add a custom action to clear the history:
155155

156156
```js
157-
import { TabRouter } from '@react-navigation/routers';
157+
import { TabRouter } from '@react-navigation/native';
158158

159159
const MyTabRouter = options => {
160160
const router = TabRouter(options);
@@ -188,7 +188,7 @@ const MyTabRouter = options => {
188188
Sometimes you may want to prevent some navigation activity, depending on your route. Let's say, you want to prevent going back if `isEditing` is `true`:
189189

190190
```js
191-
import { StackRouter } from '@react-navigation/routers';
191+
import { StackRouter } from '@react-navigation/native';
192192

193193
const MyStackRouter = options => {
194194
const router = StackRouter(options);

‎website/versioned_docs/version-5.x/drawer-actions.md‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ The `openDrawer` action can be used to open the drawer pane.
1616
<samp id="drawer-actions">
1717

1818
```js
19-
import { DrawerActions } from '@react-navigation/routers';
19+
import { DrawerActions } from '@react-navigation/native';
2020

2121
navigation.dispatch(DrawerActions.openDrawer());
2222
```
@@ -28,7 +28,7 @@ The `closeDrawer` action can be used to close the drawer pane.
2828
<samp id="drawer-actions">
2929

3030
```js
31-
import { DrawerActions } from '@react-navigation/routers';
31+
import { DrawerActions } from '@react-navigation/native';
3232

3333
navigation.dispatch(DrawerActions.closeDrawer());
3434
```
@@ -40,7 +40,7 @@ The `toggleDrawer` action can be used to open the drawer pane if closed, or clos
4040
<samp id="drawer-actions">
4141

4242
```js
43-
import { DrawerActions } from '@react-navigation/routers';
43+
import { DrawerActions } from '@react-navigation/native';
4444

4545
navigation.dispatch(DrawerActions.toggleDrawer());
4646
```
@@ -55,7 +55,7 @@ The `jumpTo` action can be used to jump to an existing route in the drawer navig
5555
<samp id="drawer-actions">
5656

5757
```js
58-
import { DrawerActions } from '@react-navigation/routers';
58+
import { DrawerActions } from '@react-navigation/native';
5959

6060
const jumpToAction = DrawerActions.jumpTo('Profile', { name: 'Satya' });
6161

‎website/versioned_docs/version-5.x/navigating-without-navigation-prop.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@ RootNavigation.navigate('ChatScreen', { userName: 'Lucy' });
5858
Apart from `navigate`, you can add other navigation actions:
5959
6060
```js
61-
import { StackActions } from '@react-navigation/routers';
61+
import { StackActions } from '@react-navigation/native';
6262

6363
export function push(...args) {
6464
navigationRef.current?.dispatch(StackActions.push(...args));

‎website/versioned_docs/version-5.x/stack-actions.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ The `replace` action allows to replace a route in the navigation state. It takes
1919
<samp id="stack-actions">
2020

2121
```js
22-
import { StackActions } from '@react-navigation/routers';
22+
import { StackActions } from '@react-navigation/native';
2323

2424
navigation.dispatch(
2525
CommonActions.replace('Profile', {
@@ -33,7 +33,7 @@ If you want to replace a particular route, you can add a `source` property refer
3333
<samp id="stack-actions">
3434

3535
```js
36-
import { StackActions } from '@react-navigation/routers';
36+
import { StackActions } from '@react-navigation/native';
3737

3838
navigation.dispatch({
3939
...CommonActions.replace('Profile', {
@@ -55,7 +55,7 @@ The `push` action adds a route on top of the stack and navigates forward to it.
5555
<samp id="stack-actions">
5656

5757
```js
58-
import { StackActions } from '@react-navigation/routers';
58+
import { StackActions } from '@react-navigation/native';
5959

6060
const pushAction = StackActions.push('Profile', { user: 'Wojtek' });
6161

@@ -69,7 +69,7 @@ The `pop` action takes you back to a previous screen in the stack. It takes one
6969
<samp id="stack-actions">
7070

7171
```js
72-
import { StackActions } from '@react-navigation/routers';
72+
import { StackActions } from '@react-navigation/native';
7373

7474
const popAction = StackActions.pop(1);
7575

@@ -83,7 +83,7 @@ The `popToTop` action takes you back to the first screen in the stack, dismissin
8383
<samp id="stack-actions">
8484

8585
```js
86-
import { StackActions } from '@react-navigation/routers';
86+
import { StackActions } from '@react-navigation/native';
8787

8888
navigation.dispatch(StackActions.popToTop());
8989
```

0 commit comments

Comments
 (0)