上标 React-Native 文本

Question

在我的 React-Native 应用程序中，我想在文本中添加上标（指数）。

例如，

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

所以在这个例子中 ^123 是上标（指数）

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

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

谢谢！

Answer 1

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

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

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