Reactjs 数据存储和导航会减慢渲染速度

Reactjs 数据存储和导航会减慢渲染速度,reactjs,react-native,redux,react-navigation,Reactjs,React Native,Redux,React Navigation,我正在学习React Native,通过构建一个乘车共享应用程序,我才刚刚开始。在我的一个步骤中,我创建了一个功能,允许用户创建一个骑乘,其中包含描述骑乘所需的所有数据(如初始位置,财务分配,最大乘客,等等,我将其保存在状态)然后将其作为可视化组件发布在Main.js上 我这样做的方式是将一个StackNavigator嵌套到父屏幕,即Main.js,所有屏幕都需要一次提供一个关于骑乘的信息(使用RN5) 例如: • Main.js; o Ride1.js; => Requir

我正在学习React Native,通过构建一个乘车共享应用程序,我才刚刚开始。在我的一个步骤中,我创建了一个功能,允许用户创建一个
骑乘
,其中包含描述骑乘所需的所有数据(如
初始位置
财务分配
最大乘客
,等等,我将其保存在
状态
)然后将其作为可视化组件发布在
Main.js

我这样做的方式是将一个
StackNavigator
嵌套到父屏幕,即
Main.js
,所有屏幕都需要一次提供一个关于骑乘的信息(使用RN5)

例如:

•   Main.js;
    o Ride1.js; => Requires `initialLocation`
    o Ride2.js; => Requires `finalLocation`
    o Ride3.js; => Requires `maximumPassengers` 
    ...
    o RideLast.js; => Just to verify information
我通过在按钮的
onPress
功能上写入
initialParams
来传递一个又一个屏幕所需的数据:

onPress={() => navigation.navigate(
                        'ScreenX', 
                        initialParams={ 
                            ...initialParams,
                            someData: someData
                    }) }
这工作正常,但这种方法会产生不好的用户体验,因为每个屏幕的渲染都会变得非常慢,就像按下按钮后500毫秒从一个屏幕导航到另一个屏幕一样。速度减慢可能是因为我在一屏接一屏地传递无用的数据,而没有实际使用它们,而不是存储它们,或者仅仅是因为我一次渲染了太多的屏幕

因此,我想知道是否有一种更有效的方法来存储数据,而不是在每个屏幕上都需要数据,并且这样做不需要渲染一堆屏幕。我读了一些关于
Redux
的文章,但它看起来非常复杂,我不知道在这种情况下是否值得

您认为构建此功能的更好方法是什么? 再一次,我仍然是一个新的反应和反应本土,所以任何建议,以提高和学习是欢迎的