callstack / callstack/react-native-paper

IconButton style prop is not manageable due to container element.

Aperta
#4,339 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
bug Icon Button
Lingua principale
TypeScript
Stelle
14.5k
Fork
2.2k
Merge medio
5g 23h
PR unite (30g)
12

Descrizione

### Current behaviour

When you add style prop such as zIndex to IconButton component it's no applied because IconButton wrapped in Surface component which has static styles defined.

### Expected behaviour

When adding zIndex property it applies to Surface component and works.
### How to reproduce?

Create ` `
### Preview

How it looks when I add zIndex: 1 to IconButton style prop
![Screenshot 2024-03-12 at 10 27 34](https://github.com/callstack/react-native-paper/assets/54139019/18d9ec91-a841-4568-8791-a8783c42f9ae)
How it looks when I add View wrapper with zIndex: 1
![Screenshot 2024-03-12 at 10 28 05](https://github.com/callstack/react-native-paper/assets/54139019/7114370e-82ba-4ec5-8989-59a941ffe561)
### What have you tried so far?

In order to fix it I wrapped IconButton with extra ``
### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.73.4
| react-native-paper | 5.11.3

Guida per i contributori

Apri la guida per i contributori

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.