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

 

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐