react-navigation 页面跳转

http://www.devio.org/2018/05/15/navigator-to-react-navigation/

贾鹏辉博客

下载依赖

npm install react-navigation --save

然后引入在导航组件里

import {StackNavigator} from 'react-navigation'

通过StackNavigator来创建导航组件

通过

StackNavigator

来设置导航器

export const AppStackNavigator = StackNavigator({
// 括号外面仅仅是路由名字
    HomePage:{
        screen:HomePage
        },
    Page1:{
        screen:page1,
        // 单个页面不设置顶部导航
        navigationOptions:{
            header:null
        }
    },
    Page2:{
        screen:page2
    },

},{
// 全部页面 禁用顶部导航
//     navigationOptions:{
//         header:null
//     }
});

navigationOptions是设置顶部导航的返回箭头

这样来设置顶部的标题

HomePage:{
    screen:HomePage,
    navigationOptions:{
        title:"Home"
    }
    },

还有一种方法是

在当前页面里设置

static navigationOptions={
    title:'page1'
}

动态获取页面的 title