上标React-Native文本

时间:2017-08-22 00:38:48

标签: javascript ios react-native exponent superscript

在我的React-Native应用程序中,我想在文本中添加上标(指数)。

例如,

我有这样的文字:这是一款名为test ^ 123的新产品。这个产品可以做...

所以在这个例子中,^ 123是上标(指数)

我尝试过很多东西,但我无法解决问题,因为每次文本都从另一行开始。

有谁知道如何解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:2)

您可以插入所需上标字符的unicode值。请参阅表here以了解要使用的unicode值。要将这些值插入到要显示的文本中,请在要显示的字符串中使用格式\ uXXXX。在您给出的示例中,字符串将是' test \ u00B9 \ u00B2 \ u00B3'。

如果需要动态构建这些上标字符串,则需要一个简单的映射函数来接收标准数字并返回unicode值。

如果您希望在代码中更加文字化,您还可以在字符串中插入unicode字符 - 前提是您的文件编码为UTF-8。为此,您可以复制其他来源的字符,或者参见this post。这种方法也可以采用类似的映射函数。