react-native:在Text组件中显示上标文本

时间:2016-09-30 12:14:39

标签: react-native superscript

我有以下文字:

<div>Answer the following <span class='title'>Question:</span><br> (a+b)<sup>2</sup>=?</div>

我想用以下文字执行以下操作:

  • 按标签解析标签,以便我可以自定义方式呈现每个标签。我很可能使用这个库来实现这一目标:https://github.com/Thomas101/react-native-fence-html
  • 在解析上标/下标标签时,以适当的方式呈现内容。这就是我现在被困住的地方。

我现在正在做的是,我将整个文本(从开始到结束)放在Text组件中;并且每个span和br标签也呈现为嵌套在父Text组件(div标签的组件)中的Text组件 如何渲染上标/下标文本?

注意:我确实在这里找到了解决方案:Superscript Text in React Native
但是,在Text组件中创建View需要View具有固定的维度,这是无法实现的。

1 个答案:

答案 0 :(得分:0)

一种选择是首先将HTML转换为Markdown,然后渲染降价。我相信这两个行动都有可用的库。