反应本机 navigationOptions 从标题按钮导航到其他路线答案

【问题标题】：react native navigationOptions navigate to other route from header button反应本机 navigationOptions 从标题按钮导航到其他路线
【发布时间】：2018-04-10 06:42:46
【问题描述】：

单击标题中的按钮时，我试图导航到不同的路线。在我的 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}
的对象

我的 react-navigation 的 package.json 条目

"react-navigation": "^1.5.10"

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

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

【问题讨论】：

即使在您描述的package 中似乎也能正常工作，您是否在button click 之后收到此错误？如果是这样，请发布settings screen 的代码。
这实际上是我的设置屏幕的问题。这段代码没有错。感谢您的提示。

标签： reactjs react-native react-navigation

【解决方案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')}
        />)
        } 
    }

【讨论】：