上标 React-Native 文本

Superscript React-Native text

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

例如,

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

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

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

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

谢谢!

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

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

如果您希望在代码中更加直白,您还可以在字符串中直接插入 unicode 字符 - 前提是您的文件编码为 UTF-8。为此,您可以从其他来源复制字符或查看 this post,例如。也可以为这种方法制作类似的映射功能。