react-native创建APP启动页欢迎页(四)

react-native创建APP启动页欢迎页

react-native创建欢迎页或者启动页的本质是创建一级初始导航，步骤如下：

1.安装react-navigation模块并引入

>$ npm install react-navigation --save
>$ import {createSwitchNavigator} from 'react-navigation';

2.使用react-navigation创建一级导航

class Flash extends React.Component{
    render(){
        return(
            <View><Text>启动耶</Text></View>
        )
    }
}

class Main extends React.Component{
    render(){
        return(
            <View><Text>主页</Text></View>
        )
    }
}

export default createSwitchNavigator(
    {
        flash:{
            screen:Flash //入口模块component
        } ,
        main: {
            screen:Main//主页模块component
        },
    },
    {
        initialRouteName: 'flash', //默认页面组件
    }
);

（1）需要注意的就是，这里export出去的应该是路由，在路由中导入具体的component； 

（2）换句话将路由就是控制器，页面就是component，我么访问的始终是路由控制器，路由把具体页面展示出来

（3）能得到的结论：页面的层级就是路由的层级，这个在工程化中再具体讲。

（4）目前路由可以正常使用，但是当前还未注册app启动，具体看以看这里[待发布...]