Question

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

以下代码显示headerRight就好了。但是，当我点击headerRight按钮时，我收到以下错误

“Undefined不是我的expo模拟器上的对象（评估_this2.props.navigation”）。

任何人都知道我的onPress处理程序出了什么问题？ TQ

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

}

Answer 1

我设法让代码正常工作

希望这可以帮助那些使用反应导航并想要渲染可行的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)'
    />
});

React-Navigation HeaderRight onPress Handler抛出错误

1 个答案: