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?
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: Ссылка
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!)
Tags und Links react-native react-native-android