React native 无法读取属性'；导航'；在React导航4中未定义的

我有这个屏幕NewsTabScreen.js

class NewsTabScreen extends Component {
render() {
const { navigate } = this.props.navigation;
return (
  <Container style={style.container}>
    <Tabs renderTabBar={() => <ScrollableTab tabsContainerStyle={{backgroundColor: Platform.OS == 'ios' ? '#F8F8F8' : '#3F51B5'}}/>}>
    <Tab heading={
      <TabHeading>
        <Text style={{ fontSize: 14 }}>{I18n.t("news")}</Text>
      </TabHeading>}>
      <News/>
    </Tab>
    <Tab heading={
      <TabHeading>
        <Text style={{ fontSize: 14 }}>{I18n.t("newsOfCommittees")}</Text>
      </TabHeading>}>
      <ComNews/>
    </Tab>
    <Tab heading={
      <TabHeading>
        <Text style={{ fontSize: 14 }}>{I18n.t("requests")}</Text>
      </TabHeading>}>
    <RequestsNews/>
    </Tab>
    </Tabs>
  </Container>
);}}

类NewsTabScreen扩展组件{
render（）{
const{navigate}=this.props.navigation；
返回(
}>
);}}

当我点击新闻上的项目时，我得到一个错误

无法读取未定义的属性“导航”

---

您需要将

新闻

组件包装为

带导航

，如果它不是任何导航器的一部分，但您仍然希望访问

导航

，请查看文档

像

希望这会有帮助

class News extends React.Component {
  ...
}
export default withNavigation(News);