标题按钮导航失败

Question

我正在使用react-navigation。我尝试添加页眉右导航键：

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的触摸事件对象。