Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在react native中优化平面列表,同时呈现包含大量数据的长列表?_Javascript_Reactjs_React Native_React Native Flatlist - Fatal编程技术网

Javascript 如何在react native中优化平面列表,同时呈现包含大量数据的长列表?

Javascript 如何在react native中优化平面列表,同时呈现包含大量数据的长列表?,javascript,reactjs,react-native,react-native-flatlist,Javascript,Reactjs,React Native,React Native Flatlist,我正在呈现一个项目中包含大量数据的列表,当我们快速滚动它时,它有时会变为空白并导致性能问题 我们是否可以在react native中使用类似于react virtualized的东西 我想添加刷新CTA按钮,以便清除我的列表并将其滚动到顶部,这里的问题是当清除列表时,有时我的一个项目卡在顶部,即使我正在清除列表数据,也不会被删除 任何建议都将不胜感激。我可以抄袭菲利普·梅克尔的回答,但这不是我做事的方式,所以这里有一些关于它的文章: 我不认为空白屏幕会立即成为性能问题,因为平面列表内容

我正在呈现一个项目中包含大量数据的列表,当我们快速滚动它时,它有时会变为空白并导致性能问题

我们是否可以在react native中使用类似于react virtualized的东西

我想添加刷新CTA按钮,以便清除我的列表并将其滚动到顶部,这里的问题是当清除列表时,有时我的一个项目卡在顶部,即使我正在清除列表数据,也不会被删除


任何建议都将不胜感激。

我可以抄袭菲利普·梅克尔的回答,但这不是我做事的方式,所以这里有一些关于它的文章:


我不认为空白屏幕会立即成为性能问题,因为平面列表内容会在屏幕外异步呈现,如果滚动速度快于填充率,您将看到空白内容。官方文档中也提到了这一点,虚拟化列表可以帮助您回答您的问题吗?