React native 标题按钮导航失败

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

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

静态导航选项=（{navigation，screenProps}）=>({
标题：“我的个人资料！”，
headerRight:{navigation.navigate（'Chat'）；}}>Test，
});

但我得到：

navigation.navigate不是一个函数

我想你想做什么

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

静态导航选项=（{navigation，screenProps}）=>({
标题：“我的个人资料！”，
headerRight:{navigation.navigate（'Chat'）；}}>Test，
});

从onPress func参数中删除

导航

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