Реагировать на пользовательский заголовок навигации

Question

Я пытаюсь использовать пользовательский заголовок реагировать на навигацию, как этот

static navigationOptions = {
    header: <EventHeader
        subscribestatus={this.props.navigation.getParam('status')}
        confirmation={this.props.navigation.getParam('confirmation')}
        deleteSubscribe={this.deleteSubscribe}
        joinEvent={this.joinEvent}
        onPress={()=>this.props.navigation.goBack()}
        eventname={this.props.navigation.getParam('title')}
    />
};

Этот заголовок получает параметры предыдущего экрана, как вы видите, но я получаю undefined не является объектом (оценивается как this.props.navigation)

Что я делаю не так и как я могу это решить?

Answer 1

Я надеюсь, что вы нашли решение, но для других людей, которые могут прийти сюда:

navigationOptions может быть function, который передаст navigator в качестве первого аргумента и может вернуть объект. Чтобы вы могли написать это так:

static navigationOptions = (navigator) => { return { header: ( <EventHeader subscribestatus={navigator.navigation.getParam('status')} confirmation={navigator.navigation.getParam('confirmation')} //deleteSubscribe={this.deleteSubscribe} //joinEvent={this.joinEvent} onPress={()=>navigator.navigation.goBack()} eventname={navigator.navigation.getParam('title')} /> ) } } К сожалению, у вас не будет доступа к this.deleteSubscribe или this.joinEvent