callstack / callstack/react-native-paper

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

Open
#4,420 1 comment 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### 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](https://github.com/callstack/react-native-paper/assets/51710467/31e2f779-163f-4ef8-b315-81bc481a7e0e)

### 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

Contributor guide

Open the contributing guide

Research direction

Start at the React Native Paper Modal component and reproduce the iOS behavior using the reported elevation and backdrop settings on iOS 17.2. Compare it with the working Android behavior and verify that the modal shadow can be removed through its styles and theme configuration.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.