Rn - React Navigation

一、安装

若版本更新，可手工指定版本号安装
npm install react-navigation@2.18.2
yarn add react-navigation@3.0.1

// "react-navigation"组件、创建导航路由
// 1、引入我们需要的导航器
// createStackNavigator 屏幕上方导航栏，返回功能
// createStackNavigator 顶部导航
// createBottomTabNavigator 底部导航
// createSwitchTabNavigator 启动页跳转首页，不会跳转回来
import {
    createStackNavigator,
    createMaterialTopTabNavigator,
    createBottomTabNavigator,
    createSwitchNavigator
} from "react-navigation";

// 引入页面
import WelcomePage from '../page/WelcomePage';
import HomePage from '../page/HomePage';
import BabySafety from '../page/BabySafety';

const InitNavigator = createStackNavigator({
    WelcomePage: {
        screen: WelcomePage,
        navigationOptions: {
            header:null, // 可以通过将header 设置为 null，来禁止StackNavigator的Navigator Bar，
        }
    }
});
const MainNavigator = createStackNavigator({
    HomePage: {
        screen: HomePage,
        navigationOptions: {
            header:null, // 可以通过将header 设置为 null，来禁止StackNavigator的Navigator Bar，
        }
    },
    BabySafety: {
        screen: BabySafety,
        navigationOptions: {
            header:null, // 可以通过将header 设置为 null，来禁止StackNavigator的Navigator Bar，
        }
    }
});

export default createSwitchNavigator({
    Init: InitNavigator,
    Main: MainNavigator,

},{
    navigationOptions: {
        header:null, // 可以通过将header 设置为 null，来禁止StackNavigator的Navigator Bar，
    }
});