callstack / callstack/react-native-paper

Weird UI behavior of Text Input with Dark Mode

Offen
#3,122 14 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
repro provided TextInput
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
5 T. 23 Std.
Gemergte PRs (30 T.)
12

Beschreibung

### Current behaviour

With Dark Mode on, some Text Input outlined are ok, others with same code have a white line on the label.
![photo5879971770990180747](https://user-images.githubusercontent.com/30288622/158751699-fd016729-c370-4d06-9b77-54ef7ca59dd5.jpg)
![photo5879971770990180746](https://user-images.githubusercontent.com/30288622/158751706-9841bbc1-22b8-4e0d-a2bb-3547eca67a15.jpg)

The code is the same for "Nome Garage*" and "Email":
```
setGarageDoc({...garageDoc, name: text})}
/>
```
```
setGarageDoc({ ...garageDoc, email: text })}
/>
```

The started value is undefined for both, I tried to change the order, modify the style, change the label name with so many tries and I still can't understand what is causing this behaviour.

This behaviour is shared in all part of my application where there is a Text Input oulined.

### Expected behaviour

I'd expect to not have a white line on Text Input label outlined in dark mode.

### Code sample

```




setGarageDoc({...garageDoc, name: text})}
/>
setGarageDoc({ ...garageDoc, email: text })}
/>


```
### What have you tried

This behaviour is all
### Your Environment

| software | version
| --------------------- | -------
| ios or android | android
| react-native | 0..67.3
| react-native-paper | 4.11.2
| node | 14.x
| npm or yarn | yarn
| expo sdk | no

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.