Dim Background on Modal Display

[RachelGreenberger]

Description

Expected default behavior of modals on mobile devices, is that on dispaly of the modal, the background page dims. Currently, the transparent property of the Modal component sets the background to either transparent or white. It would make more sense to have 3 options for background: transparent, white or rgba(0,0,0,0.5) - dim.

Reproduction

Default behavior of modal transparent property.

Solution

I was able to change the code that when transparent is false, it dims the background. However, it would be more correct to allow the user to select from a wider range of options.

backgroundColor: this.props.transparent ? 'transparent' : 'rgba(0,0,0,0.5)',

Dim Background on Modal Display

Additional Information

• React Native version: Latest
• Platform: Android
• Operating System: MacOS

[hramos]

We're cutting down on the number of outstanding issues, in order to allow us to focus. I'm closing this issue because it has been open for over 60 days with no activity. If you think it should still be opened let us know why. PRs are always welcome.

[johngoren]

I think it should be opened, it's weird not to have this feature.

[conor909]

@hramos I think it should be opened, there is a library (referenced below) with a number of followers that is trying to imitate it, but the library doesn't work properly without this feature. It would be a popular feature since a lot of people want iOSActionSheets that can take any children, such as the Picker module

[ghost]

This issue should be opened. This is an essential feature as far as the UX is concerned.

[hramos]

Please open a new issue.