2017-08-22 2 views
0

In meiner React-Native-App möchte ich hochgestellte (Exponent) im Text hinzufügen.Hochstellige React-Native Text

Zum Beispiel

Ich habe diesen Text: Hier ist ein neues Produkt namens Test^123. Dieses Produkt kann tun ...

So in diesem Beispiel^123 ist der Exponent (Exponent)

Ich versuche habe viel Sache, aber ich kann das Problem nicht beheben, weil jedes Mal, wenn der Text auf einer anderen Leitung starten .

Hat jemand eine Idee, wie man das löst?

Danke!

Antwort

1

Sie können den Unicode-Wert der hochgestellten Zeichen eingeben, die Sie benötigen. In der Tabelle here finden Sie die zu verwendenden Unicode-Werte. Um diese Werte in den Text einzufügen, den Sie anzeigen möchten, verwenden Sie das Format \ uXXXX in der Zeichenfolge, die Sie anzeigen möchten. In Ihrem gegebenen Beispiel wäre die Zeichenfolge 'test \ u00B9 \ u00B2 \ u00B3'.

Wenn Sie diese hochgestellten Zeichenfolgen dynamisch erstellen müssen, benötigen Sie eine einfache Zuordnungsfunktion, die die Standardziffern empfängt und die Unicodewerte zurückgibt.

Wenn Sie es vorziehen, in Ihrem Code wörtlicher zu sein, können Sie auch die Unicode-Zeichen genau dort in die Zeichenfolge einfügen - vorausgesetzt, Ihre Datei ist als UTF-8 codiert. Dazu können Sie die Zeichen aus einer anderen Quelle kopieren oder zB this post sehen. Eine ähnliche Abbildungsfunktion könnte auch für diesen Ansatz verwendet werden.