使用 React Native，如何在 Tab 导航中呈现第二个组件，然后再查看它？

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 
  }
);