在本机反应是List还是ScrollView更好？

Question

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

Answer 1

我认为您的问题是“ ScrollView vs FlatList-使用哪个”？

根据React-Native 文档：

ScrollView vs FlatList-使用哪个？

ScrollView只需一次渲染其所有反应子组件。这使得它很容易理解和使用。

另一方面，这会降低性能。想象一下，您要显示的项目列表非常长，也许有几个屏幕值得显示。一次为所有对象创建JS组件和本机视图，其中许多甚至可能没有显示，这将导致渲染速度慢和内存使用增加。

这就是FlatList发挥作用的地方。FlatList仅在项目即将出现时才懒惰地渲染项目，并删除滚动到屏幕之外的项目以节省内存和处理时间。

如果您想在项目之间，多列，无限滚动加载或它支持的许多其他功能之间呈现分隔符，则FlatList也很方便。

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