目前react-navigation已经有了正式版本,下面简单介绍一下createStackNavigator+createBottomTabNavigator的使用方法:
1.打开终端,进入项目根目录,执行npm install --save react-navigation命令,完成后,打开package.json,看到react-navigation,说明安装成功。
2.利用createStackNavigator函数来创建导航页面,函数包含两个参数:RouteConfigs和StackNavigatorConfig
RouteConfigs:各个页面路由的配置
const routeConfigs = {
Controller1:{ //相当于页面的id 字符串
screen:VC1, //需要展示的页面
navigationOptions:() //导航头的样式配置,如果在页面中进行导航头样式静态配置,在这里配置可能会覆盖页面中的配置
}
}
StackNavigatorConfig:导航头的具体样式,可以在每个页面中进行静态的配置,主要参数格式:
const StackNavigatorConfig = {
initialRouteName: 'Controller1', //初始页面的展示