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

Question

在HomePage中：

可是最后显示的效果

Home页面：

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

可见根本就没有效果。

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

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

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

Answer 1

CrazyCodeBoy 2018-08-23 15:19:32

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 #1

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