Zeichenabstand auf React Native - Android

Ich bin mit React Native 0.29 mit Android emulator (API Level 23). Ich bin versucht zu erreichen letterSpacing auf Text Komponente. Aber es scheint funktioniert nicht auf Android. Die offizielle Dokumentation sagt, dass es funktioniert nur bei iOS. Gibt es Abhilfe für dieses problem?

InformationsquelleAutor Provash Shoumma | 2016-07-19
  1. 25

    Den Mangel der Zeichenabstand auf Android kann "gelöst", indem man eine oder mehrere Leerzeichen zwischen den einzelnen Zeichen. Die ich gefunden habe, die unicode - HAIR_SPACE U+200A zu geben die besten Ergebnisse, aber haben Sie vielleicht zu Experimentieren, um zu finden, was am besten für Ihre schriftart. 2 zum Beispiel Haar-oder Leerzeichen ein U+2009 THIN SPACE.


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

    Funktioniert wahrscheinlich am besten für Header-und Menü-Beschriftungen.

    Unicode-Leerzeichen: https://www.cs.tut.fi/~jkorpela/chars/spaces.html

    • Dies funktioniert gut für kleinere Art, aber für Schlagzeilen ist es noch zu breit. Gibt es etwas, dünner als Haar-Raum? Ich sah mich um, konnte aber nichts finden. Ein pixel Abstand?
    • Ein problem ist, mit mehr (Bruch) Texte der text kann in der Pause nach jedem Zeichen (weil es ein Leerzeichen). Hat jemand eine Lösung gefunden dafür?
    • Es ist ganz smarter und einfacher, danke.
    InformationsquelleAutor Hanse
  2. 4

    Sieht so aus, als zu Reagieren Nativen 0.30 letterSpacing ist nur iOS als auch. Man konnte immer fügen Sie diese, und stellen Sie ein pull-request 🙂

    Weitere option könnte sein, die hacken zusammen, eine Funktion, die einen string und fügt den Abstand um jeden Buchstaben. (wäre es ein hack aber!)

    InformationsquelleAutor John Veldboom
  3. 1

    Update Reagieren Nativen mindestens auf version 0.55 für den Zeichenabstand auf Android zu arbeiten.

    InformationsquelleAutor Christopher Regner
Schreibe einen Kommentar