Reactjs 反应本机导航选项从标题按钮导航到其他路线

当点击标题中的按钮时，我试图导航到另一条路线。 在我的react原生项目中使用react导航

static navigationOptions   = ({ navigation, screenProps }) => ({
    title: 'Header Text',
    headerRight: 
        <Button 
            title="Settings"
            backgroundColor="rgba(0,0,0,0)"
            color="rgba(0,122,255,1)"
            onPress={() => navigation.navigate('settings')}
        />,
});

这里描述的所有解决方案似乎都不起作用。可能是因为版本不同

使用此代码

static navigationOptions = ({ navigation })=>{
        const { navigate } = navigation
        return{
            title: 'Header Text',
            headerRight:(<Button 
            title="Settings" backgroundColor="rgba(0,0,0,0)" color="rgba(0,122,255,1)"
            onPress={() =>navigate('settings')}
        />)
        } 
    }

静态导航选项=（{navigation}）=>{
常量{navigate}=navigation
返回{
标题：“标题文本”，
headerRight:（导航（‘设置’）}
/>)
} 
}

即使在您描述的

软件包中也能正常工作，单击
按钮后是否会出现此错误？如果是这样，请在
设置屏幕
上发布代码。这实际上是我的设置屏幕的问题。这个代码没有问题。谢谢你的提示。
static navigationOptions = ({ navigation })=>{
        const { navigate } = navigation
        return{
            title: 'Header Text',
            headerRight:(<Button 
            title="Settings" backgroundColor="rgba(0,0,0,0)" color="rgba(0,122,255,1)"
            onPress={() =>navigate('settings')}
        />)
        } 
    }