[add] Modal component

This adds support for the React Native Modal on web.

The app content is hidden from screen readers by setting the aria-modal flag on
the modal. This focus is trapped within the modal, both when attempting to
focus elsewhere using the mouse as well as when attempting to focus elsewhere
using the keyboard. A built-in "Escape to close" mechanism is been implemented
that calls 'onRequestClose' for the active modal.

Close #1646
Fix #1020
This commit is contained in:
James Ward
2020-09-08 11:45:37 -07:00
committed by Nicolas Gallagher
parent 6bd41a622a
commit d97a1ca567
13 changed files with 1217 additions and 3 deletions
+1 -1
View File
@@ -118,7 +118,7 @@ React Native v0.60
| Image | ✓ | Missing multiple sources ([#515](https://github.com/necolas/react-native-web/issues/515)) and HTTP headers ([#1019](https://github.com/necolas/react-native-web/issues/1019)). |
| ImageBackground | ✓ | |
| KeyboardAvoidingView | (✓) | Mock. No equivalent web APIs. |
| Modal | | Not started ([#1020](https://github.com/necolas/react-native-web/issues/1020)). |
| Modal | | |
| Picker | ✓ | |
| Pressable | ✓ | |
| RefreshControl | ✘ | Not started ([#1027](https://github.com/necolas/react-native-web/issues/1027)). |