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

时间:2017-04-28 10:35:02

标签: react-native react-navigation

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

Error message

这是我的代码段:

attempt to navigate using right header button

由于

3 个答案:

答案 0 :(得分:6)

您所描述的内容绝对可能,API在beta.9版本中略有改变。鉴于您链接到

的代码示例,这应该适合您
const routeConfiguration = {
  Home: {
    screen: Home,
    navigationOptions: ({ navigation }) => ({
      headerRight: () => <Button onPress={() => navigation.navigate('SignIn') } />
    }),
  },
  // ...
};

docs已使用新API更新。

答案 1 :(得分:1)

代码在&#39; headerRight:&#39;

之后没有箭头功能
const routeConfiguration = {
  Home: {
    screen: Home,
    navigationOptions: ({ navigation }) => ({
      headerRight: <Button onPress={() => navigation.navigate('SignIn') } />
    }),
  },
  // ...
};

答案 2 :(得分:0)

我尝试了这个,但是它一直告诉我undefined不是一个对象(正在评估navigation.navigate)