上标 React-Native 文本

Question

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

例如，

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

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

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

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

谢谢！

Answer 1

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

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

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