使用标题按钮导航到不同的屏幕不起作用答案

【问题标题】：Navigate to different screen using header button doesn't work使用标题按钮导航到不同的屏幕不起作用
【发布时间】：2017-09-26 10:47:51
【问题描述】：

我正在使用 react-navigation 并试图允许用户从 headerRight 按钮导航到另一个屏幕。环顾四周，找到了推荐的答案，但遇到了另一个问题。还有其他方法可以使用 headerRight 导航到其他屏幕吗？

Error message

这是我的代码 sn-p:

attempt to navigate using right header button

谢谢

【问题讨论】：

标签： react-native react-navigation

【解决方案1】：

您所描述的完全有可能，该 API 在 beta.9 版本中略有变化。鉴于您链接到的代码示例，这应该对您有用

const routeConfiguration = {
  Home: {
    screen: Home,
    navigationOptions: ({ navigation }) => ({
      headerRight: () => <Button onPress={() => navigation.navigate('SignIn') } />
    }),
  },
  // ...
};

docs 已使用新 API 进行了更新。

【讨论】：

验证并确认工作，谢谢！没有注意到 api 的变化。这个答案应该可以帮助其他刚刚升级到新版本并且和我有同样问题的人。

【解决方案2】：

代码在 'headerRight: ' 之后没有箭头功能可以工作

const routeConfiguration = {
  Home: {
    screen: Home,
    navigationOptions: ({ navigation }) => ({
      headerRight: <Button onPress={() => navigation.navigate('SignIn') } />
    }),
  },
  // ...
};

【讨论】：

【解决方案3】：

我试过了，但它一直告诉我 undefined 不是一个对象（评估 navigation.navigate）

【讨论】：