reactjs - 反应原生导航

Question

我已经创建了 2 个屏幕 Screen1.js 和 Screen2.js Screen1.js 将是闪屏，而 Screen2.js 将是登录屏幕。我想要做的是在 Screen1.js 渲染后 5 秒打开 Screen2.js。我试图从“react-native”导入 {Navigation}，但它不再出现在这个库中。知道我该怎么做吗？

Answer 1

如果您想在 中使用导航react-native，项目开发人员建议您使用react-navigation. 我用过，效果很好。例如，假设您想要一个标签栏应用程序。TabNavigator您可以从中导入react-navigation并使用它：

import { TabNavigator } from 'react-navigation'
...

const MyApp = TabNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
}, {
  tabBarOptions: {
    activeTintColor: '#e91e63',
  },
});

更多示例和文档：https ://reactnavigation.org/docs/navigators/tab

更新：

由于更新了 v4 的 react-navigation 库。在 v4 中，您可以通过不同的方式创建选项卡，例如 BottomTabNavigator、MaterialBottomTabNavigator 和 MaterialTopTabNavigator。所以在 react-navigation v4 中，上面的代码如下所示：

import { createBottomTabNavigator } from 'react-navigation-tabs';
...

const MyApp = createBottomTabNavigator({
  Home: {
    screen: MyHomeScreen,
  },
  Notifications: {
    screen: MyNotificationsScreen,
  },
}, {
  tabBarOptions: {
    activeTintColor: '#e91e63',
  },
});

有关更多详细信息文档：https ://reactnavigation.org/docs/en/tab-based-navigation.html