使用React Native，如何在我的选项卡导航中显示第二个组件？

Question

第二个组件非常简单，我想知道我是否可以事先渲染它，以便没有加载时间。谢谢！

Answer 1

您可以使用TabNavigatorConfig lazy prop。

通过lazy={false}以便您的观看次数可能在初次开始时加载，那么您将没有任何加载时间！

检查一下：

const regStack = TabNavigator(
  {
    Login: { screen: Login },
    Register: { screen: Register }
  },

  {
    initialRouteName: "Login",
    tabBarPosition: "bottom",

    tabBarOptions: {
      activeTintColor: "#F0FFFF",
    },

    animationEnabled: true,
    swipeEnabled: true,
    lazy: false 
  }
);