首页 > 解决方案 > 如何在 createMaterialTopTabNavigator react-navigation v4 上启用惰性?

问题描述

在 react-navigation v3 中,createMaterialTopTabNavigatorlazy选项,在 react-navigation v4 上,它仍然可用,但它不工作,根据github 帐户上的回复,似乎它只在 react-navigation v5 上再次工作。现在有人如何在 react-navigation-tabs 上启用延迟加载?

const CTabs = createMaterialTopTabNavigator(BTabs, {
  // Default config for all screens',
  initialRouteName: AScreen',
  tabBarComponent: Header,
  swipeEnabled: false,
  lazy: true,
  backBehavior: 'initialRoute',
});

包.json

 "react-native": "0.60.4",
 "react": "16.8.6",
 "react-native-reanimated": "1.2.0",
 "react-native-gesture-handler": "1.4.1",
 "react-navigation": "4.0.5",    
 "react-navigation-tabs": "2.5.3",
 "react-native-screens": "^2.0.0-alpha.3",

标签: react-navigation

解决方案


使用这个链接我在那里写了完整的代码

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

推荐阅读