2016-09-30 84 views
0

我有以下文字:反應母語:顯示在文本組件上標文本

<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標籤也被呈現爲嵌套在父文本組件(用於div標籤的組件)內的文本組件。
如何渲染上標/下標文本?

注:我沒有在這裏找到一個解決方案:Superscript Text in React Native
但是,創建一個文本組件內查看需要查看有固定的尺寸,這是無法實現的東西。

+0

如果您發現解決方案將很高興分享。 Android中不支持嵌套視圖,不是嗎? – Max

+0

@Max我最終做的是**在任何需要的地方渲染帶有html文本的webview。在我的應用程序中,我沒有太多需要這樣做的實例,因此,這是正確的。 但是,對於像這樣的未來使用情況,我猜想,RN的內置功能需要在Text/View組件中呈現html文本。 –

回答

0

一個選擇是將HTML轉換爲Markdown,然後渲染降價。我相信對於這兩種行爲都有可用的庫。