Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: migrate to screens v4 and navigation v7 #6622

Merged
merged 12 commits into from
Nov 14, 2024

Conversation

alduzy
Copy link
Member

@alduzy alduzy commented Oct 22, 2024

Summary

This PR bumps version of the react-native-screens package to v4 and @react-navigation packages to v7.

Changes

  • updated dependencies
  • followed migrating from 6.x docs
  • submitted a necessary PR to react-native-screens
  • ensured examples work well

alduzy added a commit to software-mansion/react-native-screens that referenced this pull request Oct 23, 2024
## Description

This PR changes `ScreenStackHeaderConfig` into a
[forwardRef](@alduzy/reanimated-patch).

This is needed if you want to attach `ref` to it, which
**react-native-reanimated** needs to do
[here](https://github.com/software-mansion/react-native-reanimated/blob/1d417a5c711d60822d25bd8b823f1f5968214bde/apps/common-app/src/examples/ScreenStackHeaderConfigBackgroundColorExample.tsx#L24)
in order to migrate to v4, since the header config is now a function
component and cannot be used directly anymore.

Without this change the app crashes with `Cannot read property
'getScrollableNode' of null`.

Related PR:
software-mansion/react-native-reanimated#6622

<!--
## Changes

Please describe things you've changed here, make a **high level**
overview, if change is simple you can omit this section.

For example:

- Updated `about.md` docs

-->

<!--

## Screenshots / GIFs

Here you can add screenshots / GIFs documenting your change.

You can add before / after section if you're changing some behavior.

### Before

### After

-->
<!--
## Test code and steps to reproduce

Please include code that can be used to test this change and short
description how this example should work.
This snippet should be as minimal as possible and ready to be pasted
into editor (don't exclude exports or remove "not important" parts of
reproduction example)
-->

## Checklist

- [x] Ensured that CI passes
@alduzy alduzy requested a review from tomekzaw October 23, 2024 10:57
@alduzy alduzy marked this pull request as ready for review October 29, 2024 08:55
apps/common-app/src/App.tsx Outdated Show resolved Hide resolved
apps/fabric-example/ios/Podfile.lock Outdated Show resolved Hide resolved
@alduzy alduzy requested a review from tomekzaw November 12, 2024 09:30
@alduzy alduzy added this pull request to the merge queue Nov 14, 2024
Merged via the queue into main with commit d6bcf54 Nov 14, 2024
14 checks passed
@alduzy alduzy deleted the @alduzy/screens-and-navigation-bump branch November 14, 2024 07:58
github-merge-queue bot pushed a commit that referenced this pull request Nov 14, 2024
## Summary

When working on
#6622 I
noticed the web example app is not bundling. I found out it stopped
working when the rest of the examples were updated to RN 0.76.

This PR bumps the version of `react-native` and `expo` fixing the
problem and making it compatible with the rest of the repository.

## Test plan

Build and run the web example
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants