滚动视图中无法正确呈现大量文本 - React Native

Question

大家好，我的应用程序中有一个ToC部分，我希望在滚动视图中显示。

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

渲染时显示以下内容：

这是由我如何呈现这些元素引起的问题还是有更有效的方法来呈现大量类似于列表视图工作方式的文本？

Answer 1

遇到同样的问题，这是一个解决方案。尝试将大型<Text>组件分成几个较小的<Text>组件。它对我有用。我不得不在应用程序中显示ToS并且它没有很好地呈现，因为文本太大而我只用一个<Text>标签包装它。在与同事进行头脑风暴之后，我们决定尝试将文本分成几个<Text>组件，并且它有效。