navigationOptions设置返回按钮的文本不起作用

来源：2-5 StackNavigator精讲-4

Mr_Chansheng

2018-08-22

在HomePage中：

//img.mukewang.com/szimg/5b7d64b10001ee2a05350152.jpg

可是最后显示的效果

Home页面：

//img.mukewang.com/szimg/5b7d64d90001a9e202850320.jpg

Page2页面（其他页面一样）：

//img.mukewang.com/szimg/5b7d64fa0001b25702310285.jpg

可见根本就没有效果。

请问老师是我程序可能哪里没写对？添加的依赖也和视频上的一样，但是返回按钮其实和视频上的也是不一样的

//img.mukewang.com/szimg/5b7d65a90001727002920137.jpg

这是什么道理呢？如何去避免这样的问题？谢谢了。

最后附上一张视频上的截图：

写回答

1回答

CrazyCodeBoy

2018-08-23

navigationOptions可以在页面中进行设置也可以在配置Navigator时设置，页面中设置的navigationOptions优先级最低，如果你在配置Navigator时为HomePage设置了navigationOptions，哪个改navigationOptions会覆盖你在HomePage设置的navigationOptions：

HomePage: {
    screen: HomePage,
    navigationOptions:{
        headerBackTitle: '返回首页',
    }
},
...
export default class HomePage extends React.Component {
    static navigationOptions = {
        title: 'Home',
        headerBackTitle: '返回哈哈',//两边同时设置，这里的headerBackTitle会被覆盖
    };

提示：在页面中设置navigationOptions在Android上会失效，这是react-navigation目前存在的bug；

Mr_Chansheng

很遗憾，我没有在配置Navigator时设置HomePage的navigationOptions，所以老师的回答并不能解决我的问题，老师有在Android模拟器上测试过吗？图标等等的都和视频上的不一样

2018-08-23

共1条回复

React Native技术精讲与高质量上线App开发

一个真实的上线项目，一次完整的开发过程，全面掌握React Native技术

1577 学习 · 727 问题

查看课程

相似问题

设置tabBaiIcon不管用，使用react-native-vector-icons

回答 1