Skip to content

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

Closed
gabrieldonadel wants to merge 1 commit into
react:mainfrom
gabrieldonadel:feat/add-modal-host-view
Closed

feat: Add support for Modal on iOS when Fabric is enabled#34487
gabrieldonadel wants to merge 1 commit into
react:mainfrom
gabrieldonadel:feat/add-modal-host-view

Conversation

@gabrieldonadel

Copy link
Copy Markdown
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-botfacebook-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-botreact-native-bot added Platform: iOS iOS applications. Type: Enhancement A new feature or enhancement of an existing feature. labels Aug 24, 2022
@gabrieldonadel
gabrieldonadelforce-pushed the feat/add-modal-host-view branch from 0e4f41e to 5839c56CompareAugust 24, 2022 00:45
@facebook-github-botfacebook-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

analysis-bot commented Aug 24, 2022

Copy link
Copy Markdown
PlatformEngineArchSize (bytes)Diff
androidhermesarm64-v8a7,617,173+55
androidhermesarmeabi-v7a7,031,515+81
androidhermesx867,917,333+36
androidhermesx86_647,891,028+33
androidjscarm64-v8a9,494,870+50
androidjscarmeabi-v7a8,272,579+73
androidjscx869,432,763+36
androidjscx86_6410,025,808+27

Base commit: f3def13
Branch: main

@facebook-github-bot

Copy link
Copy Markdown
Contributor

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

@cipolleschi

Copy link
Copy Markdown
Contributor

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

@gabrieldonadel
gabrieldonadelforce-pushed the feat/add-modal-host-view branch from 5839c56 to 4c0a1ecCompareAugust 24, 2022 16:19
@gabrieldonadel

Copy link
Copy Markdown
CollaboratorAuthor

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
Copy Markdown
PlatformEngineArchSize (bytes)Diff
ios-universaln/a--

Base commit: f3def13
Branch: main

@facebook-github-bot

Copy link
Copy Markdown
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
Copy Markdown
Collaborator

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

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

@react-native-botreact-native-bot added the Merged This PR has been merged. label Aug 26, 2022
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA SignedThis label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed.MergedThis PR has been merged.Platform: iOSiOS applications.Shared with MetaApplied via automation to indicate that an Issue or Pull Request has been shared with the team.Type: EnhancementA 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

@gabrieldonadel@analysis-bot@facebook-github-bot@cipolleschi@react-native-bot