反應導航自定義標題

Question

我試圖像這樣使用react-navigation自定義標頭

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

如您所見，此標頭獲取了上一屏的參數，但我未定義的對象不是對象（評估“ 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