Performance React本机/React导航性能:存储/传递列表视图数据的最佳实践?

Performance React本机/React导航性能:存储/传递列表视图数据的最佳实践?,performance,react-native,datastore,react-navigation,Performance,React Native,Datastore,React Navigation,前言:我想暂缓实施Redux商店 因为它看起来相当深入,我不确定我是否需要它(还有 项目范围/预算就是这样) 我正在使用react navigation(堆栈导航器),并试图找出为列表视图预加载/存储数据的最佳做法(在我的例子中约40项)?我有一个主屏幕,用户导航到的第二个屏幕是列表视图(FlatList)。FlatList的数据来自本地文件中的JSON对象。如果我像这样导入屏幕组件中的数据: import someData from '../data/someData' 它不会导致我正在寻找

前言:我想暂缓实施Redux商店 因为它看起来相当深入,我不确定我是否需要它(还有 项目范围/预算就是这样)

我正在使用react navigation(堆栈导航器),并试图找出为列表视图预加载/存储数据的最佳做法(在我的例子中约40项)?我有一个主屏幕,用户导航到的第二个屏幕是列表视图(FlatList)。FlatList的数据来自本地文件中的JSON对象。如果我像这样导入屏幕组件中的数据:

import someData from '../data/someData'
它不会导致我正在寻找的即时/零延迟加载。也就是说,没有数据导入的导航是即时的,但是直接在屏幕文件中导航和导入数据会导致触摸导航和应用程序实际启动导航动画之间的延迟

我想象我应该事先加载数据,理想情况下是在应用程序首次加载时,然后从某个全局变量访问数据——或者将其作为导航器中的道具传递?然后我可以用屏幕组件中的这个.props.data访问它

我没有从用户那里获取任何数据-应用程序纯粹是信息性的,所以我也不认为AsyncStorage是答案?(虽然我可能错了,但我看到的每个asyc存储教程似乎都是关于用户输入的)


对此有任何见解都将不胜感激

我下错了兔子洞。在每个屏幕上导入数据没有什么错。我是在开发模式下运行世博会的

我下错了兔子洞。在每个屏幕上导入数据没有什么错。我是在开发模式下运行世博会的

我认为如果你继续使用Redux,你会节省很多潜在的麻烦和麻烦。我刚刚做了一些非常类似的事情,发现植入redux并不像我最初认为的那样乏味。或者是的,你可以通过道具传递你的数据。明白@sooper,谢谢你的建议。我需要查看如何使用React Navigation…Np通过道具传递数据。性能明智的redux会将您的数据保存在其存储中,您不必每次都导入。我认为,如果您只是继续使用redux,将节省大量潜在的麻烦和麻烦。我刚刚做了一些非常类似的事情,发现植入redux并不像我最初认为的那样乏味。或者是的,你可以通过道具传递你的数据。明白@sooper,谢谢你的建议。我需要查看如何使用React Navigation…Np通过道具传递数据。性能明智的redux将您的数据保存在其存储中,您不必每次都导入。