2016-12-06 69 views
1

嗨,我在我的應用中有一個ToC部分,我想在滾動視圖中呈現。在滾動視圖中大量文本無法正確呈現 - React Native

<ScrollView style={{ height: 400 }}> 
    <Text>{data[0].toc}</Text> 
</ScrollView> 

當它呈現它顯示以下內容: Simulator not rendering text properly

這是由我如何呈現這些元素或者是有來呈現大量類似的文字,如何更有效的方式有問題例如列表視圖的作品?

+0

試着給你的文字添加一個高度的樣式 –

+0

試着給你的樣式添加'flex:1'並刪除顯式的'height:400' – gran33

+0

這樣就可以渲染如果我爲Text標籤指定高度,但是我可以只分配8000的高度。超過8000的任何東西我得到相同的渲染問題。任何想法如何reslove這? –

回答

3

得到了同樣的問題,這裏是一個解決方案。嘗試將較大的<Text>組件分成幾個較小的<Text>組件。它爲我工作。我不得不在應用中顯示ToS,但渲染效果並不好,因爲文字太大,我只用一個<Text>標籤包裝它。在與我的同事進行頭腦風暴之後,我們決定嘗試將文本分成若干個組件,並且工作正常。