スクロール表示で大量のテキストが正しくレンダリングされない - 反応ネイティブ

Question

こんにちは、私はスクロールビューに表示する私のアプリでToCセクションがあります。

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

それは次のように表示されレンダリング：

が、これはどのように私はこれらの要素をレンダリングしていますか、どのように似た大量のテキストをレンダリングするためのより効率的な方法がありますによって引き起こされる問題であり、リストビューは、たとえば動作しますか？

Answer 1

同じ問題があり、解決策があります。大きな<Text>コンポーネントを複数の小さなコンポーネントに分割してみてください。<Text>それは私のために働いた。私はアプリでToSを表示しなければならず、テキストが大きすぎて1つだけ<Text>タグでラップしたので、うまく表示されませんでした。私の同僚とのブレインストーミングの後、私たちはテキストをいくつかの部分に分解しようと決めました。それはいくつかの<Text>コンポーネントになりました。