Update dependency react-navigation to v4 #16

accept type parameter for screenProps (cb4c699)
add headerTitleContainerStyle to NavigationStackScreenOptions type (#5969) (d61f539)
add missing in HeaderBackButtonProps in flow and TS definitions (#6048) (14446d2)
add missing isFirstRouteInParent type in typescript and flow (#6019) (6f6d4f0)
add missing TS definition for keyboardHidesTabBar in TabViewConfig.tabBarOptions (#6054) (fe90927)
add reset to navigation screen prop TypeScript def (#5942) (a06a893)
add type aliases for switch navigator. fixes #6324 (eaebe5d)
don't use declare module for type definitions (27fef7a)
export NavigationContext in types (#5707) (31908c5)
fix navigationOptions type in NavigationScreenConfig (#5962) (6ef8ce0)
fix the type of NavigationJumpToActionPayload (#6210) (20411ad)
fix type definitions (b236788)
fix types for switch navigator. fixes #6324 (f58c06f)
fix typings for switch navigator. fixes #6310 (c75e02a)
fix typo in definitions (bb9f26e)
improve type definitions (1ca7abe)
make params required in NavigationSetParamsActionPayload (#6343) (d760da7)
make sure index.js is common js (8c7716f)
remove drawer methods from navigation prop (960ce84)
remove params in NavigationJumpToAction (#6360) (7219cac)
status bars in example (4edc49f)
update link to docs page from deprecation messages (0f42057)
update react-navigation/core (42fba67)
update StackActions.popToTop type to make options arg optional (#5950) (5e52235)
update typescript definitions. closes #6276 (d8f1d16)
upgrade react-navigation-tabs. closes #5914 (ec4dbbd)
wrong type in react-navigation.d.ts (#6486) (0189ff4)
create-nav-container: pass up error on catch (#4298) (f4d5a45)
docs: Fix incorrect style in TabNavigator sample (#734) (50a4640)
redux example readme: link to doc (#3828) (5d7a264)

Features

allow navigation params to be typed in navigate method (#6444) (1c30ac0)
export SwitchActions. closes #5916 (28f80a4)
make ScreenProps parametrizable in TypeScript (#6496) (5d3fd5b)
context: refactor passing navigation context (#3668) (5b16d5b)

Reverts

Revert "Export getNavigationActionCreators (#4258)" (#4495) (340a78e), closes #4258 #4495
Revert "Refactor, move child navigation to navigation prop (#4425)" (52fe023), closes #4425
Revert "Revert "Add getParam navigation helper (#3510)" (#3532)" (b2444e6), closes #3510 #3532
Revert "Add getParam navigation helper (#3510)" (#3532) (7845377), closes #3510 #3532
Revert "StackRouter block actions while transitioning (#3469)" (2c8dda9), closes #3469
Revert "Move examples to https://github.com/react-navigation/examples" (5c8709b)
Revert "Issue #2794 - Fixing iPad iOS 11 Tab Bar Bottom Behavior (#3041)" (86edcc6), closes #2794 #3041
Revert "fix broken link to the Navigation Actions guide (#2809)" (#2812) (5d27e3b), closes #2809 #2812
Revert "[BUGFIX] Use a proper source of headerBackTitle (#2007)" (#2018) (3943acd), closes #2007 #2018

`v4.1.1`: Release 4.1.1

Compare Source

Bug Fixes

don't use declare module for type definitions (0fb81cf)
make sure index.js is common js (4cff366)

`v4.1.0`: Release 4.1.0

Compare Source

Bug Fixes

make params required in NavigationSetParamsActionPayload (#6343) (f2d16ab)
remove drawer methods from navigation prop (683892e)
remove params in NavigationJumpToAction (#6360) (ace2cd0)
wrong type in react-navigation.d.ts (#6486) (ccb1f61)

Features

allow navigation params to be typed in navigate method (#6444) (2931bad)
make ScreenProps parametrizable in TypeScript (#6496) (ef83e73)

`v4.0.10`: Release 4.0.10

Compare Source

Changes

remove flow definition libdef from repo, use flow-typed instead (94d6cca)

Bug Fixes

update link to docs page from deprecation messages (188bd33)

`v4.0.9`: Release 4.0.9

Compare Source

Bug Fixes

fix types for switch navigator. fixes #6324 (c828050)

`v4.0.8`: Release 4.0.8

Compare Source

Bug Fixes

add type aliases for switch navigator. fixes #6324 (6142f06)

`v4.0.7`: Release 4.0.7

Compare Source

Bug Fixes

accept type parameter for screenProps (5c13cea)

`v4.0.6`: Release 4.0.6

Compare Source

Bug Fixes

fix the type of NavigationJumpToActionPayload (#6210) (2b27bcd)
fix typings for switch navigator. fixes #6310 (dd03234)

`v4.0.5`: Release 4.0.5

Compare Source

Bug Fixes

update react-navigation/core (951afa5)

`v4.0.4`: Release 4.0.4

Compare Source

Bug Fixes

improve type definitions (e3d2ce1)

`v4.0.3`: Release 4.0.3

Compare Source

Bug Fixes

fix type definitions (8c5eba7)

`v4.0.2`: Release 4.0.2

Compare Source

Bug Fixes

fix typo in definitions (e7028ce)

`v4.0.1`: Release 4.0.1

Compare Source

Bug Fixes

status bars in example (97016c4)
update typescript definitions. closes #6276 (2744c53)

`v4.0.0`: Release 4.0.0

Compare Source

In this release, we've extracted out the navigators to separate packages to make it easier to maintain and release updates faster. You can follow the guide below to upgrade your projects.

Upgrading

NOTE: Before making these changes, we recommend you to commit all local changes to git so you can revert back to a good state if something goes wrong with the upgrade.

Install the new packages

First, we need to install the react-navigation package along with the various navigators. If you don't use some of these navigators, you can omit them.

To install them, run:

yarn add react-navigation react-navigation-stack@^1.7.3 react-navigation-tabs@^1.2.0 react-navigation-drawer@^1.4.0

This will install the versions compatible with your code if you were using [email protected], so you wouldn't need any more changes beyond changing the imports.

NOTE: If you have @react-navigation/core or @react-navigation/native in your package.json, please remove them and change the imports to import from react-navigation package instead.

Changing your code

Then change any imports for stack, tabs or drawer to import from the above packages instead of react-navigation.

- import { createAppContainer, createStackNavigator } from 'react-navigation';
+ import { createAppContainer } from 'react-navigation';
+ import { createStackNavigator } from 'react-navigation-stack';

The following imports need to be changed to import from react-navigation-stack:

createStackNavigator
StackGestureContext
Transitioner
StackView
StackViewCard
StackViewTransitionConfigs
Header
HeaderTitle
HeaderBackButton
HeaderStyleInterpolator

The following imports need to be changed to import from react-navigation-tabs:

createBottomTabNavigator
createMaterialTopTabNavigator
BottomTabBar
MaterialTopTabBar

The following imports need to be changed to import from react-navigation-drawer:

createDrawerNavigator
DrawerGestureContext
DrawerRouter
DrawerActions
DrawerView
DrawerNavigatorItems
DrawerSidebar

Upgrading navigators (optional)

You don't need to upgrade the navigators to their latest version when upgrading to [email protected]. You can upgrade them separately later as per your convenience.

NOTE: We recommend to do these changes in a separate commit so you can revert back to a good state if something goes wrong with the upgrade.

Installing dependencies

The latest drawer and tabs depend on react-native-gesture-handler and react-native-reanimated. If you already have these libraries installed and at the latest version, you are done here! Otherwise, read on for installation instructions for these dependencies.

Installing dependencies into an Expo managed project

In your project directory, run the following:

expo install react-native-gesture-handler react-native-reanimated

This will install versions of these libraries that are compatible.

Installing dependencies into a bare React Native project

In your project directory, run yarn add react-native-reanimated react-native-gesture-handler react-native-screens.

Next, we need to link these libraries. The steps depends on your React Native version:

React Native 0.60 and higher

On newer versions of React Native, linking is automatic.

To complete the linking on iOS, make sure you have Cocoapods installed. Then run:
```
cd ios
pod install
cd ..
```
React Native 0.59 and lower

If you're on an older React Native version, you need to manually link the dependencies. To do that, run:
```
react-native link react-native-reanimated
react-native link react-native-gesture-handler
```

To finalize installation of react-native-gesture-handler for Android, make the following modifications to MainActivity.java:

package com.reactnavigation.example;

import com.facebook.react.ReactActivity;
+ import com.facebook.react.ReactActivityDelegate;
+ import com.facebook.react.ReactRootView;
+ import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {

  @&#8203;Override
  protected String getMainComponentName() {
    return "Example";
  }

+  @&#8203;Override
+  protected ReactActivityDelegate createReactActivityDelegate() {
+    return new ReactActivityDelegate(this, getMainComponentName()) {
+      @&#8203;Override
+      protected ReactRootView createRootView() {
+       return new RNGestureHandlerEnabledRootView(MainActivity.this);
+      }
+    };
+  }
}

Upgrading packages

To upgrade react-navigation-tabs, run:

yarn add react-navigation-tabs

For list of breaking changes, refer to the release notes.

To upgrade react-navigation-drawer, run:

yarn add react-navigation-drawer

For list of breaking changes, refer to the release notes.

More info

For more info and release notes, please refer to the individual packages:

TypeScript

If you're using TypeScript, you'll also need to upgrade the navigators to the latest version following the previous section. Since the navigators have been extracted out, navigator specific types have been removed from the main package. You'll need to update the types accordingly:

Replace NavigationScreenProp with:
- NavigationSwitchProp for createSwitchNavigator from react-navigation
- NavigationStackProp for createStackNavigator from react-navigation-stack
- NavigationTabProp for createBottomTabNavigator and createMaterialTopTabNavigator from react-navigation-tabs
- NavigationDrawerProp for createDrawerNavigator from react-navigation-drawer
Replace NavigationScreenProps with:
- NavigationSwitchScreenProps for createSwitchNavigator from react-navigation
- NavigationStackScreenProps for createStackNavigator from react-navigation-stack
- NavigationTabScreenProps for createBottomTabNavigator and createMaterialTopTabNavigator from react-navigation-tabs
- NavigationDrawerScreenProps for createDrawerNavigator from react-navigation-drawer
Replace NavigationScreenOptions with:
- NavigationStackOptions for createStackNavigator from react-navigation-stack
- NavigationBottomTabOptions for createBottomTabNavigator from react-navigation-tabs
- NavigationMaterialTabOptions for createMaterialTopTabNavigator from react-navigation-tabs
- NavigationDrawerOptions for createDrawerNavigator from react-navigation-drawer
Replace NavigationScreenComponent with:
- NavigationSwitchScreenComponent for createSwitchNavigator from react-navigation
- NavigationStackScreenComponent for createStackNavigator from react-navigation-stack
- NavigationBottomTabScreenComponent for createBottomTabNavigator from react-navigation-tabs
- NavigationMaterialTabScreenComponent for createMaterialTopTabNavigator from react-navigation-tabs
- NavigationDrawerScreenComponent for createDrawerNavigator from react-navigation-drawer

See the docs for more details: https://reactnavigation.org/docs/en/typescript.html

TypeScript support is still a work in progress, so please open an issue in the respective package's repo if you're facing a problem.

Documentation

Updated documentation can be found on the official website.

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR has been generated by Mend Renovate. View repository job log here.

renovate · 2023-03-24T15:53:37Z

Edited/Blocked Notification

Renovate will not automatically rebase this PR, because it does not recognize the last commit author and assumes somebody else may have edited the PR.

You can manually request rebase by checking the rebase/retry box above.

⚠️ Warning: custom changes will be lost.

Update dependency react-navigation to v4

7f53a85

renovate bot force-pushed the renovate/major-react-navigation-monorepo branch from c33bba8 to 7f53a85 Compare April 26, 2021 16:19

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update dependency react-navigation to v4 #16

Update dependency react-navigation to v4 #16

renovate bot commented Jan 10, 2021 •

edited

Loading

renovate bot commented Mar 24, 2023 •

edited

Loading

Update dependency react-navigation to v4 #16

Are you sure you want to change the base?

Update dependency react-navigation to v4 #16

Conversation

renovate bot commented Jan 10, 2021 • edited Loading

Release Notes

Features

Bug Fixes

Features

Bug Fixes

4.2.0 (2020-02-24)

Bug Fixes

Features

Reverts

v4.1.1: Release 4.1.1

Bug Fixes

v4.1.0: Release 4.1.0

Bug Fixes

Features

v4.0.10: Release 4.0.10

Changes

Bug Fixes

v4.0.9: Release 4.0.9

Bug Fixes

v4.0.8: Release 4.0.8

Bug Fixes

v4.0.7: Release 4.0.7

Bug Fixes

v4.0.6: Release 4.0.6

Bug Fixes

v4.0.5: Release 4.0.5

Bug Fixes

v4.0.4: Release 4.0.4

Bug Fixes

v4.0.3: Release 4.0.3

Bug Fixes

v4.0.2: Release 4.0.2

Bug Fixes

v4.0.1: Release 4.0.1

Bug Fixes

v4.0.0: Release 4.0.0

Upgrading

Install the new packages

Changing your code

Upgrading navigators (optional)

Installing dependencies

Installing dependencies into an Expo managed project

Installing dependencies into a bare React Native project

Upgrading packages

More info

TypeScript

Documentation

Configuration

renovate bot commented Mar 24, 2023 • edited Loading

Edited/Blocked Notification

renovate bot commented Jan 10, 2021 •

edited

Loading

`v4.1.1`: Release 4.1.1

`v4.1.0`: Release 4.1.0

`v4.0.10`: Release 4.0.10

`v4.0.9`: Release 4.0.9

`v4.0.8`: Release 4.0.8

`v4.0.7`: Release 4.0.7

`v4.0.6`: Release 4.0.6

`v4.0.5`: Release 4.0.5

`v4.0.4`: Release 4.0.4

`v4.0.3`: Release 4.0.3

`v4.0.2`: Release 4.0.2

`v4.0.1`: Release 4.0.1

`v4.0.0`: Release 4.0.0

renovate bot commented Mar 24, 2023 •

edited

Loading