React-Navigation HeaderRight onPress 处理程序抛出错误答案

【问题标题】：React-Navigation HeaderRight onPress Handler throws errorReact-Navigation HeaderRight onPress 处理程序抛出错误
【发布时间】：2017-05-13 09:56:12
【问题描述】：

我正在尝试使用 react-navigation 来实现一个 onPress 处理程序，它允许我导航到一个名为任务的屏幕

下面的代码显示 headerRight 就好了。但是，当我单击 headerRight 按钮时，出现以下错误

“未定义不是我的博览会模拟器上的对象（评估 _this2.props.navigation）”。

有人知道我的 onPress 处理程序出了什么问题吗？时长

static navigationOptions = {
    title: 'List',

    headerRight: (
        <Button
         title='Add Task'
         onPress={() => this.props.navigation.navigate('task')}
         backgroundColor='rgba(0,0,0,0)'
         color='rgba(0,122,255,1)'
        />) 

}

【问题讨论】：

标签： react-native react-navigation

【解决方案1】：

我设法让代码正常工作

希望这可以帮助那些使用 react-navigation 并希望呈现可行的 headerRight 的人

static navigationOptions = ({navigation}) => ({
    title: 'List',
    headerRight: <Button
        title= 'Add Task'
        onPress={() => navigation.navigate('task')}
        backgroundColor='rgba(0,0,0,0)'
        color='rgba(0,122,255,1)'
    />
});

【讨论】：