React-Native选项卡导航器懒加载

Question

我在应用程序中使用选项卡导航，但当它加载时，所有内容都同时运行。我想单独运行，例如当我点击一个选项卡时，它调用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",

- Chhabeg

Answer 1

自v1.0.0-beta23版本以来，React Navigation已经放弃了此功能。

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

因此，如果您需要使lazy功能正常工作，您必须使用旧版本。

- Sunaryo Hadi