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

feat: Add support for Modal on iOS when Fabric is enabled #34487

Closed

Conversation

gabrieldonadel
Copy link
Collaborator

Summary

While working on a fix for #29974 (I have a draft for that already (gabrieldonadel#16), just waiting for #34406 to get merged) I noticed that the KeyboardAvoidingView tests on RNTester on iOS were not working with Fabric enabled because the ModalHostView component was still not implemented. Upon some more investigation, I found this code suggestion from Milker90 (#33652 (comment)) that enables the Modal component on iOS when Fabric is enabled.

Closes #33652

Changelog

[iOS] [Added] - Add support for Modal on iOS when Fabric is enabled

Test Plan

  1. With Fabric enabled open the RNTester app and navigate to the Modal page
  2. Test the Modal component through the sections changing props
Screen.Recording.2022-08-23.at.21.29.51.mov

@facebook-github-bot facebook-github-bot added the CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. label Aug 24, 2022
@react-native-bot react-native-bot added Platform: iOS iOS applications. Type: Enhancement A new feature or enhancement of an existing feature. labels Aug 24, 2022
@facebook-github-bot facebook-github-bot added the Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. label Aug 24, 2022
@analysis-bot
Copy link

analysis-bot commented Aug 24, 2022

Platform Engine Arch Size (bytes) Diff
android hermes arm64-v8a 7,617,173 +55
android hermes armeabi-v7a 7,031,515 +81
android hermes x86 7,917,333 +36
android hermes x86_64 7,891,028 +33
android jsc arm64-v8a 9,494,870 +50
android jsc armeabi-v7a 8,272,579 +73
android jsc x86 9,432,763 +36
android jsc x86_64 10,025,808 +27

Base commit: f3def13
Branch: main

@facebook-github-bot
Copy link
Contributor

@cipolleschi has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

@cipolleschi
Copy link
Contributor

Hi @gabrieldonadel, thank you so much for this PR. Could you please rbase onto main, as we should have fixed the CI?

@gabrieldonadel
Copy link
Collaborator Author

Hi @gabrieldonadel, thank you so much for this PR. Could you please rbase onto main, as we should have fixed the CI?

Sure @cipolleschi, I've just rebased it

@analysis-bot
Copy link

Platform Engine Arch Size (bytes) Diff
ios - universal n/a --

Base commit: f3def13
Branch: main

@facebook-github-bot
Copy link
Contributor

@cipolleschi has imported this pull request. If you are a Meta employee, you can view this diff on Phabricator.

@gabrieldonadel gabrieldonadel deleted the feat/add-modal-host-view branch August 26, 2022 17:39
@react-native-bot
Copy link
Collaborator

This pull request was successfully merged by @gabrieldonadel in 9ac437f.

When will my fix make it into a release? | Upcoming Releases

@react-native-bot react-native-bot added the Merged This PR has been merged. label Aug 26, 2022
raykle pushed a commit to raykle/react-native that referenced this pull request Aug 27, 2022
…4487)

Summary:
While working on a fix for facebook#29974 (I have a draft for that already (gabrieldonadel#16), just waiting for facebook#34406 to get merged) I noticed that the `KeyboardAvoidingView` tests on RNTester on iOS were not working with Fabric enabled because the `ModalHostView` component was still not implemented. Upon some more investigation, I found this code suggestion from Milker90 (facebook#33652 (comment)) that enables the Modal component on iOS when Fabric is enabled.

Closes facebook#33652

## Changelog

[iOS] [Added] - Add support for Modal on iOS when Fabric is enabled

Pull Request resolved: facebook#34487

Test Plan:
1. With Fabric enabled open the RNTester app and navigate to the Modal page
2. Test the `Modal` component through the sections changing props

https://user-images.githubusercontent.com/11707729/186289099-5223907d-b300-46bf-bfde-73259c29d544.mov

Reviewed By: christophpurrer

Differential Revision: D38981895

Pulled By: cipolleschi

fbshipit-source-id: cd493a8d2035900da2576323bc112e2565df4834
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. Merged This PR has been merged. Platform: iOS iOS applications. Shared with Meta Applied via automation to indicate that an Issue or Pull Request has been shared with the team. Type: Enhancement A new feature or enhancement of an existing feature.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Unimplemented component: <ModalHostView>
5 participants