reactjs - react native 选项卡导航器延迟加载

标签 reactjs react-native lazy-evaluation

我在应用程序上使用选项卡导航器,但当它加载时,它会同时运行。 我想单独运行,就像我单击一个选项卡然后它调用 componentWillMount 一样。

延迟加载不起作用

const HomeNavigator = TabNavigator(  {
Component1: {
  screen: Component1
},
Component2: {
  screen: Component2
},
Component3: {
  screen: Component3
}},{
tabBarPosition: "bottom",
lazy: true,
tabBarOptions: {
  activeTintColor: "#e91e63"
},
initialRouteName: "Account",
tabBarComponent: props => {
  return <UserFooter navigation={props.navigation} />;
}  });

版本 “ react ”:“16.2.0”, “ react native ”:“0.52.0”,

最佳答案

自 v1.0.0-beta23 起,React 导航已放弃此功能。

讨论就在这里... https://github.com/react-navigation/react-navigation/pull/3064

因此,如果您需要使惰性功能发挥作用,则必须使用旧版本。

关于reactjs - react native 选项卡导航器延迟加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48555632/

相关文章:

javascript - 如何在 react 循环中设置动态复选框的状态?

reactjs - React 使用静态错误函数将类组件转换为功能组件

Firebase 限制每个查询一个 "array-contains-any"- 如果我需要多个怎么办?

c++ - C++11 中的惰性

reactjs - react 和 Redux : Managing Redux Custom Middleware List

javascript - 在 SlateJS 中,当存在多个编辑器时,如何将焦点更改为特定的编辑器?

android - Realm 的列表属性如何工作?

javascript - 未找到 Travis CI Jest Preset react-native

haskell - 了解涉及 GHCi let 绑定(bind)时 thunk 的不同行为

haskell - 这个斐波那契函数是如何内存的?