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启动,具体看以看这里[待发布...]