上标 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,例如。也可以为这种方法制作类似的映射功能。
在我的 React-Native 应用程序中,我想在文本中添加上标(指数)。
例如,
我有这个文本:这是一个名为 test^123 的新产品。这个产品可以做...
所以在这个例子中^123是上标(指数)
我尝试了很多方法,但我无法解决问题,因为每次文本都从另一行开始。
有人知道如何解决这个问题吗?
谢谢!
您可以插入您需要的上标字符的unicode值。请参阅 table here 了解要使用的 unicode 值。要将这些值插入到您希望显示的文本中,请在您希望显示的字符串中使用格式 \uXXXX。在您给出的示例中,字符串将是 'test\u00B9\u00B2\u00B3'。
如果您需要动态构建这些上标字符串,您将需要一个简单的映射函数来接收标准数字和 returns unicode 值。
如果您希望在代码中更加直白,您还可以在字符串中直接插入 unicode 字符 - 前提是您的文件编码为 UTF-8。为此,您可以从其他来源复制字符或查看 this post,例如。也可以为这种方法制作类似的映射功能。