search

callstack / react-native-paper

Material Design for React Native (Android & iOS)
https://reactnativepaper.com
MIT License
12.49k stars 2.05k forks source link

Unable to Remove Persistent Shadow from Modal Component in React Native Paper #4420

Open rinku-1993 opened 1 month ago

rinku-1993 commented 1 month ago

Current behaviour

I'm experiencing an issue with the Modal component in React Native Paper in iOS where I am unable to remove the shadow from the modal view. Despite trying various approaches to eliminate the shadow, it remains persistent. Where it's working fine on the android device without any shadow.

Expected behaviour

The shadow around the Modal component should be removed based on the provided styles and theme configurations.

Preview

Simulator Screenshot - iPhone 15 Pro - 2024-05-27 at 13 06 48

What have you tried so far?

Elevation to 0 Backdrop to white(To make the background colour of the modal white instead of opaque)

Your Environment

software version
ios iOS 17.2
seb-zabielski commented 1 month ago

Based on the source code, I assume that currently shadow hiding is not supported. You might try using an older version of the modal and see if it meets your requirements.

To get older version you can use something like: <Modal theme={{ isV3: false }} contentContainerStyle={{ elevation: 0 }}>