Reactjs 区别于；懒洋洋；及；“懒惰”；在react导航选项中

我在选项卡更改时重新呈现我的组件时遇到了一个问题，显然，将

lazyLoad:true

添加到导航选项解决了这个问题

但我不太明白它是如何工作的……特别是在那之前，我遇到了另一个问题，在选项中添加了

lazy:true

，解决了这个问题

---

所以我的问题是，这两者之间有什么区别以及它们在react导航中的工作方式：）

react导航有两个主要版本， 及

当

react navigation

加载导航器（例如

TabNavigator

）时，它会尝试呈现该导航器内的所有屏幕

对于

react-navigation-v1

：当

选项卡navigator

安装在屏幕上时，它会尝试将其内部配置的所有屏幕/组件一次推送到UI。因此，为了避免这种行为，在

选项卡导航器

选项中，传递

lazyLoad:true

或

lazy:true

，以便可以根据需要呈现屏幕/组件

在

react-navigation 1.0.0-beta9

之前，使用了

lazyLoad:true

，但由于它现在是稳定的，所以使用了

lazy:true

对于

react-navigation-v2

：

TabNavigator

和

createTabNavigator

是不推荐使用的，您总是会出现黄屏错误，因此请使用

createBottomTabNavigator

和/或

createMaterialTopTabNavigator

。

lazy

选项与

TabNavigator

和

createTabNavigator

一起工作，

createBottomTabNavigator

内置了

lazyLoading

选项，但是

createMaterialTopTabNavigator

似乎有问题，而

lazy

选项不起作用

---

我希望这能回答您的问题。

react navigation有两个主要版本， 及

当

react navigation

加载导航器（例如

TabNavigator

）时，它会尝试呈现该导航器内的所有屏幕

对于

react-navigation-v1

：当

选项卡navigator

安装在屏幕上时，它会尝试将其内部配置的所有屏幕/组件一次推送到UI。因此，为了避免这种行为，在

选项卡导航器

选项中，传递

lazyLoad:true

或

lazy:true

，以便可以根据需要呈现屏幕/组件

在

react-navigation 1.0.0-beta9

之前，使用了

lazyLoad:true

，但由于它现在是稳定的，所以使用了

lazy:true

对于

react-navigation-v2

：

TabNavigator

和

createTabNavigator

是不推荐使用的，您总是会出现黄屏错误，因此请使用

createBottomTabNavigator

和/或

createMaterialTopTabNavigator

。

lazy

选项与

TabNavigator

和

createTabNavigator

一起工作，

createBottomTabNavigator

内置了

lazyLoading

选项，但是

createMaterialTopTabNavigator

似乎有问题，而

lazy

选项不起作用

我希望这能回答您的问题。

我已经在那里编写了完整的代码

这是重要的部分

  lazy={true}
  optimizationsEnabled={true}
  tabBarOptions={tabBarOptions}

我在那里写了完整的代码

这是重要的部分

  lazy={true}
  optimizationsEnabled={true}
  tabBarOptions={tabBarOptions}

根据“该属性过去被称为

lazyLoad

，但现在它只是被称为

lazy

”，根据“该属性过去被称为

lazyLoad

，但现在它只是被称为

lazy

”