Skip to content

Commit ede9bf9

Browse files
committed
Update upgrading from 7.x guide
1 parent b46b7bf commit ede9bf9

2 files changed

Lines changed: 24 additions & 3 deletions

File tree

versioned_docs/version-8.x/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ npm install @react-navigation/native@next
2424

2525
- `react-native` >= 0.83
2626
- `expo` >= 55 ([development build](https://docs.expo.dev/development/introduction/) is required)
27-
- `typescript` >= 5.9.2 (if you use TypeScript)
27+
- `typescript` >= 6.0.0 (if you use TypeScript)
2828
- `react-native-web` >= 0.21.0 (if you support Web)
2929

3030
</details>

versioned_docs/version-8.x/upgrading-from-7.x.md

Lines changed: 23 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,14 +27,15 @@ The minimum required version of React Native, Expo, and TypeScript have been bum
2727

2828
- `react-native` >= 0.83
2929
- `expo` >= 55 ([development build](https://docs.expo.dev/development/introduction/) is required)
30-
- `typescript` >= 5.9.2 (if you use TypeScript)
30+
- `typescript` >= 6.0.0 (if you use TypeScript)
3131

3232
The minimum required version of various peer dependencies have also been bumped:
3333

3434
- `react-native-screens` >= 4.25.0
3535
- `react-native-safe-area-context` >= 5.5.0
36+
- `react-native-gesture-handler` >= 3.0.0
3637
- `react-native-reanimated` >= 4.0.0
37-
- `react-native-pager-view` >= 7.0.0 (8.0.0 is recommended)
38+
- `react-native-pager-view` >= 8.0.0
3839
- `react-native-web` >= 0.21.0
3940

4041
Previously, many navigators worked without `react-native-screens`, but now it's required for all navigators.
@@ -959,6 +960,14 @@ And for `DrawerToggleButton`:
959960

960961
See [HeaderBackButton](elements.md#headerbackbutton) and [DrawerToggleButton](drawer-navigator.md#headerleft) for more details.
961962

963+
#### Some exports are removed from `@react-navigation/core`
964+
965+
The following exports from `@react-navigation/core` have been removed:
966+
967+
- `CurrentRenderContext`
968+
- `createComponentForStaticNavigation` - use the static navigator's `getComponent()` method instead
969+
- `StaticConfigGroup` and `StaticConfigScreens` types
970+
962971
#### Some exports are removed from `@react-navigation/elements`
963972

964973
The `@react-navigation/elements` package has exported some components that were primarily intended for internal usage. These components have been removed from the public API:
@@ -985,6 +994,11 @@ The `@react-navigation/elements` package has exported some components that were
985994

986995
You can use `SafeAreaProvider` from [`react-native-safe-area-context`](https://github.com/AppAndFlow/react-native-safe-area-context) directly instead.
987996

997+
- `Lazy`
998+
- `ResourceSavingView`
999+
1000+
These components were internal utilities. You can copy the implementations for [`Lazy`](https://github.com/react-navigation/react-navigation/blob/7.x/packages/elements/src/Lazy.tsx) and [`ResourceSavingView`](https://github.com/react-navigation/react-navigation/blob/7.x/packages/elements/src/ResourceSavingView.tsx) if you need the same behavior.
1001+
9881002
- `MissingIcon`
9891003

9901004
You can copy the implementation from the [source code](https://github.com/react-navigation/react-navigation/blob/main/packages/elements/src/MissingIcon.tsx) if you need a placeholder icon.
@@ -1516,6 +1530,13 @@ export default function TabViewExample() {
15161530
}
15171531
```
15181532

1533+
`react-native-tab-view` exports the following adapters:
1534+
1535+
- `DefaultAdapter` - uses `PagerViewAdapter` on Android and iOS, and `PanResponderAdapter` on other platforms
1536+
- `PagerViewAdapter` - uses [`react-native-pager-view`](https://github.com/callstack/react-native-pager-view)
1537+
- `PanResponderAdapter` - uses React Native's `PanResponder`
1538+
- `ScrollViewAdapter` - uses React Native's `ScrollView`
1539+
15191540
You can also create your own custom adapter by implementing the required interface. See the [`react-native-tab-view` docs](tab-view.md) for more information.
15201541

15211542
### `Button` from `@react-navigation/elements` now supports disabled state, icons and React elements

0 commit comments

Comments
 (0)