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