Exposant React-Texte natif

Question

Dans mon application React-Native, je voudrais ajouter un exposant (exposant) dans le texte.

Par exemple,

J'ai ce texte: Voici un nouveau produit appelé test^123. Ce produit peut faire ...

Ainsi, dans cet exemple^123 est l'indice supérieur (exposant)

J'ai essayer beaucoup de choses, mais je ne peux pas résoudre le problème, car chaque fois que le texte commence sur une autre ligne .

Quelqu'un a-t-il une idée pour résoudre ce problème?

Merci!

Answer 1

Vous pouvez insérer la valeur Unicode des caractères en exposant dont vous avez besoin. Voir le tableau here pour les valeurs Unicode à utiliser. Pour insérer ces valeurs dans le texte que vous souhaitez afficher, utilisez le format \ uXXXX dans la chaîne que vous souhaitez afficher. Dans votre exemple, la chaîne serait 'test \ u00b9 \ u00b2 \ u00b3'.

Si vous avez besoin de construire dynamiquement ces chaînes en exposant, vous aurez besoin d'une fonction de mappage simple qui reçoit les chiffres standard et renvoie les valeurs unicode.

Si vous préférez être plus littéral dans votre code, vous pouvez également insérer les caractères Unicode directement dans la chaîne - à condition que votre fichier soit encodé en UTF-8. Pour cela, vous pouvez copier les caractères d'une autre source ou voir this post, par exemple. Une fonction de cartographie similaire pourrait être faite pour cette approche aussi.