Header 按钮导航失败

Question

我正在使用 react-navigation。我尝试添加一个 header 右导航按钮 :

static navigationOptions = ({ navigation, screenProps }) => ({
  title: "My Profile!",
  headerRight: <Button onPress={(navigation)=>{ navigation.navigate('Chat'); }} ><Text>Test</Text></Button>,
});

但我明白了：

navigation.navigate is not a function

Answer 1

我觉得你想做

static navigationOptions = ({ navigation, screenProps }) => ({
  title: "My Profile!",
  headerRight: <Button onPress={()=>{ navigation.navigate('Chat'); }}><Text>Test</Text></Button>,
});

从 onPress 函数参数中删除 navigation。

您将从 onPress 导航参数中获得的不是来自 react-navigation 的导航对象，而是来自 react-native 的触摸事件对象。

Header 按钮导航失败

Header button navigation failed

react-native

react-navigation