Implement Modal

[kmelmon]

Summary

vnext has not yet implemented Modal. See https://facebook.github.io/react-native/docs/modal

• visible
• supportedOrientations
• onRequestClose
• onShow
• transparent
• animationType
• hardwareAccelerated
• onDismiss
• onOrientationChange
• presentationStyle
• animated

[chrisglein]

Moving to track this on a project board: https://github.com/microsoft/react-native-windows/projects/22

[chrisglein]

Not in lean core, moving out to M5.

[exotexot]

Would enjoy having Modals in RNW :)

[ryfow]

Another vote from me. This has been the most annoying part of porting our app to Windows by far.

[exotexot]

Having had the same issue, I used https://microsoft.github.io/react-native-windows/docs/flyout-component those which behaves very similarly to Modal components.

[chrisglein]

@gillpeacegood You had some need for this. Can you list what features you need from Modal so we can go after this with the right prioritization. It's not yet currently implemented.

[gillpeacegood]

I've had to back fill it with a JS library (react-native-root-modal). It would have been good to have known about it from the feature parity documentation https://microsoft.github.io/react-native-windows/docs/parity-status

[asklar]

@chrisglein do we know what APIs we need? there is a modal component in core and a community module too. The community module has a lot more APIs. It will be good to understand prioritization.

[capc0]

Modal support would be great. In our case we need it to implement a layover-style loadingspinner that prevents all touch events while its visible.

[SBS-olessia]

Is there an ETA for when modals for windows might be implemented?

[acaininet]

Seems like many packages use Modal to implement common modern controls. What is the roadmap for Modal? Or is there a current workaround?

[ohzak]

nice to notice how this matter is substantially ignored since 4 or even more years, while nowadays modals are utilized everywhere XD

[exotexot]

#2989 (comment)

[jonthysell]

Related: #11157

[chrisglein]

For many years now we haven't supported Modal for Windows. This is largely due to the fact that the Modal component itself doesn't do much of the heavy lifting people come to expect from this type of UI on desktop (where there are more demands than on the constrained screen of mobile). To help address those we do have 2 Windows-only components that provide more desktop and UWP/XAML-centric behavior: Flyout and Popup

On the Paper renderer, we're not going to implement Modal. We're investing our time in closing the gap on the Fabric renderer, where this question is going to be revisited anew. The work to track Modal on Fabric is here. As such, I'm going to close this issue as Not Planned and we'll look to the Fabric issue moving forward.