halilb / halilb/react-native-textinput-effects

Text overflow on Android

Offen
#104 1 Kommentar 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
JavaScript
Sterne
3k
Forks
287
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

I'm currently using this library with React Native 0.59.9, and I've been using the Hoshi effect. The text currently overflows on the right side due to the 'inputPadding' attribute. Setting it to 0 removes any overflow, but makes the label and input stick to each other.
Setting inputPadding to any number moves the overflow text to the right by that number. See the example image below where inputPadding has been set to 16.

![Screenshot_20190703-112621_Trinity Live__01](https://user-images.githubusercontent.com/20097276/60586119-4c700180-9d89-11e9-8e9a-56b7b3e23f23.jpg)

Any workaround/help appreciated.

Thanks!

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Start by reproducing the Android text overflow with the Hoshi effect and different inputPadding values. Inspect the Hoshi implementation and its inputPadding handling to determine why the label extends beyond the input. Done means the label no longer overflows while the intended spacing between the label and input is preserved.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
javascript, react-native
Bereich
mobile
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

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