callstack / callstack/react-native-paper

PaperProvider breaks styles

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

Description

### Current behaviour
When trying to make a Dialog, the entire colors of my elements change

### Expected behaviour
No styling should be affected

### How to reproduce?
Just copy and paste the example of the Dialog and place a anywhere

### Preview
![Image](https://github.com/user-attachments/assets/97670c7a-f03b-4bb2-a994-a7b0312d6f69)
![Image](https://github.com/user-attachments/assets/e3a31ee7-3ca3-4f65-98d5-00db01345fa8)

### What have you tried so far?
Placing it at different places in the provider

### Your Environment

| software | version
| --------------------- | -------
| ios | x
| android | 13.0
| react-native | 0.76.7
| react-native-paper | 5.13.1
| node | 23.3.0
| npm or yarn | 10.9.0
| expo sdk | 52.0.19

Contributor guide

Open the contributing guide

Research direction

Start with the PaperProvider and Dialog example described in the issue, using react-native-paper 5.13.1 with React Native 0.76.7 and Expo SDK 52. Reproduce the behavior by placing a Text element alongside the Dialog and compare its colors with and without the provider. Done means the Dialog can be used without changing the styling of other elements.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.