反应原生导航选项从标题按钮导航到其他路线

Question

单击标题中的按钮时，我尝试导航到不同的路径。 在我的react-native项目中使用react-navigation。

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')}
        />,
});

  

错误 - 不变违规：不变违规：对象不是   作为React子句有效（找到：具有键{style}的对象

我的package.json条目反应导航

"react-navigation": "^1.5.10"

这里描述的解决方案似乎都不起作用。可能是由于版本不同??

https://github.com/react-navigation/react-navigation/issues/286

Answer 1

使用此代码

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')}
        />)
        } 
    }