文本组件中的上标嵌套在文本组件(React Native)中

Question

我正在尝试让上标(和下标(在Android和iOS上的React Native应用程序中工作。我知道使用上标的解决方法，使用View组件，如这个SO问题所支持的那样。但这对我不起作用，因为您无法将View组件嵌套在 Android 的Text组件中。
简而言之，我的代码如下所示：

<Text>
<Text>e^x</Text>
...
<Text>

我希望它输出e^x。

我还没有在任何地方找到这个问题的解决方案，但我相信这是可能的，因为它是一个非常基本的功能。

有什么想法吗？

Answer 1

您可以通过调整父文本组件和子文本组件之间的fontSize和lineHeight来尝试它。

<Text style={{fontSize: 20, lineHeight: 30}}>
e
<Text style={{fontSize: 11,lineHeight: 24}}>
x
</Text>
</Text>

Answer 2

我正在寻找相同的内容，我找到了这个网站 .它可以将任何文本转换为您可以粘贴的上标，它将被渲染为上标，例如 1st 到 1st。

Answer 3

也许您可以尝试使用 Unicode 作为下标/上标作为解决方法。

例如：

<Text style={styles.superScript}>{"e" + "u02e3"}</Text>

这将输出您想要的内容。 我不知道您的用例到底是什么，但是您可以在将字符串提供给文本组件之前对其进行处理，并将上标字符替换为Unicode，如上例所示。