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-8.x/upgrading-from-7.x.md
+23-2Lines changed: 23 additions & 2 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -27,14 +27,15 @@ The minimum required version of React Native, Expo, and TypeScript have been bum
27
27
28
28
-`react-native` >= 0.83
29
29
-`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)
31
31
32
32
The minimum required version of various peer dependencies have also been bumped:
33
33
34
34
-`react-native-screens` >= 4.25.0
35
35
-`react-native-safe-area-context` >= 5.5.0
36
+
-`react-native-gesture-handler` >= 3.0.0
36
37
-`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
38
39
-`react-native-web` >= 0.21.0
39
40
40
41
Previously, many navigators worked without `react-native-screens`, but now it's required for all navigators.
@@ -959,6 +960,14 @@ And for `DrawerToggleButton`:
959
960
960
961
See [HeaderBackButton](elements.md#headerbackbutton) and [DrawerToggleButton](drawer-navigator.md#headerleft) for more details.
961
962
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
+
962
971
#### Some exports are removed from `@react-navigation/elements`
963
972
964
973
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
985
994
986
995
You can use `SafeAreaProvider` from [`react-native-safe-area-context`](https://github.com/AppAndFlow/react-native-safe-area-context) directly instead.
987
996
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
+
988
1002
-`MissingIcon`
989
1003
990
1004
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() {
1516
1530
}
1517
1531
```
1518
1532
1533
+
`react-native-tab-view` exports the following adapters:
1534
+
1535
+
-`DefaultAdapter` - uses `PagerViewAdapter` on Android and iOS, and `PanResponderAdapter` on other platforms
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.
1520
1541
1521
1542
### `Button` from `@react-navigation/elements` now supports disabled state, icons and React elements
0 commit comments