react-native - 在 native react 最好是List或ScrollView吗？

Question

我正在像应用程序这样的聊天，并且我已经看到了使用ListView和ScrollView的示例。两者的优点是什么？我需要在整个聊天过程中呈现不同外观的项(输入与响应或文本与图像)。一个人能更好地处理这种情况吗？

Answer 1

我认为您的问题是“ScrollView vs FlatList-使用哪个”？
根据React-Native docs:

ScrollView vs FlatList - which one to use?

ScrollView simply renders all its react child components at once. That makes it very easy to understand and use.

On the other hand, this has a performance downside. Imagine you have a very long list of items you want to display, maybe several screens worth of content. Creating JS components and native views for everythign all at once, much of which may not even be shown, will contribute to slow rendering and increased memory usage.

This is where FlatList comes into play. FlatList renders items lazily, just when they are about to appear, and removes items that scroll way off screen to save memory and processing time.

FlatList is also handy if you want to render separators between your items, multiple columns, infinite scroll loading, or any number of other features it supports out of the box.

我会使用FlatList。这就是你所需要的。它更有效，并且仅在需要时才懒加载数据。