react native cannot read property 'navigate' of undefined

最近從原生開發向RN過渡，寫界面跳轉時候遇到個小問題，情況是這樣的，封裝了一個視圖，視圖中有一個按鈕，點擊按鈕需要跳轉到另一個界面，但是視圖內是沒有導航欄控制器的，於是報了這個錯誤，這時候我們要想辦法給這個視圖內穿進去一個導航欄控制器，在視圖內部定義如下：

props：{
  navigation： PropTypes.object
}

constructor(props){
  super(props);
  this.navigation = this.props.navigation;
}

在調用視圖的界面

<CustomView navigation={this.props.navigation}/>

這一步是將導航欄控制器傳給視圖，讓視圖可以點擊內部按鈕跳轉，下一步在視圖內就可以使用了

this.navigation.navigate('CustomPage')

當然了，如果不采用這種方式，在視圖內添加一個點擊事件屬性，由外部傳入自定義函數也是可以做到的