Buchstabenabstand bei "Native React" - Android

8

Ich verwende React Native 0.29 mit Android Emulator (API Level 23). Ich versuche, letterSpacing für Text component zu erreichen. Aber es scheint nicht auf Android zu funktionieren. Offizielle Dokumentation sagt, dass es nur in iOS funktioniert. Gibt es eine Problemumgehung für dieses Problem?

    
Provash Shoumma 19.07.2016, 06:45
quelle

2 Antworten

20

Der fehlende Buchstabenabstand bei Android kann "gelöst" werden, indem ein oder mehrere Leerzeichen zwischen den einzelnen Zeichen hinzugefügt werden. Ich habe den Unicode HAIR_SPACE U+200A gefunden, um die besten Ergebnisse zu erzielen, aber Sie müssen möglicherweise experimentieren, um herauszufinden, was am besten für Ihre Schriftart passt. Zum Beispiel 2 Haarräume oder 1 U+2009 THIN SPACE .

function applyLetterSpacing(string, count = 1) { return string.split('').join('\u200A'.repeat(count)); }

Es funktioniert wahrscheinlich am besten für Kopfzeilen und Menübeschriftungen.

Unicode-Leerzeichen: Ссылка

    
Hanse 01.08.2016 09:29
quelle
2

Sieht so aus wie bei React Native 0.30 letterSpacing ist auch iOS. Sie könnten dies immer hinzufügen und eine Pull-Anfrage ausgeben:)

Eine andere Option könnte darin bestehen, eine Funktion zusammen zu hacken, die einen String aufnimmt und Abstand um jeden Buchstaben hinzufügt. (Es wäre aber ein Hack!)

    
John Veldboom 30.07.2016 20:22
quelle