在本地反应是List还是ScrollView更好?

时间:2017-05-25 13:27:21

标签: react-native

我正在进行类似应用程序的聊天,我看过使用ListView和ScrollView的示例。两者有什么好处?我需要通过聊天(输入与响应或文本与图像)呈现不同的外观项目。一个人更好地处理这个案子吗?

1 个答案:

答案 0 :(得分:7)

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

根据React-Native docs

  

ScrollView vs FlatList - 要使用哪一个?

     

ScrollView只需立即呈现其所有反应子组件。这使得它易于理解和使用。

     

另一方面,这有性能下降。想象一下,你有一个很长的项目列表要显示,可能有几个屏幕的内容。同时为每个标志创建JS组件和本机视图,其中大部分甚至可能都不显示,将导致渲染速度降低和内存使用量增加。

     

这是FlatList发挥作用的地方。 FlatList会在项目即将出现时懒惰地呈现项目,并删除在屏幕外滚动的项目以节省内存和处理时间。

     

如果要在项目,多列,无限滚动加载或其支持的任何其他功能之间渲染分隔符,FlatList也很方便。

我会使用FlatList。这就是你需要的。它更有效&懒惰只在需要时加载您的数据。