标题按钮导航失败

Question

我正在使用反应导航。我尝试添加标题右侧导航按钮：

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

但我明白了：

  

navigation.navigate不是函数

Answer 1

我想你想做

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

从onPress func参数中删除navigation。

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