Javascript 反应本机嵌套导航-获取导航上下文

我正在尝试构建一个简单的嵌套导航器，即堆栈导航中的选项卡导航。我得到：

“undefined不是对象-评估此.props.navigation”

尝试通过下面的

“myFunction”

导航堆栈时。我尝试了另一种方法，那就是通过导航选项的“headerright”实现堆栈导航，它是有效的。但我真的很想通过内容部分的一个按钮来实现它。代码如下，显示了两种导航方法：

import React，{Component}来自'React'；
进口{
评估学，
文本、视图、按钮、图像、样式表
}从“反应本机”；
从“反应导航”导入{TabNavigator，StackNavigator}；
类RecentChatsScreen扩展React.Component{
静态导航选项=（{navigation}）=>({
标题：`最近的聊天'，
headerRight:navigation.navigate（'Chat'，{user:'Lucy'}）}/>，
});
myFunction（）{
const{navigate}=this.props.navigation；
导航（'Chat'，{用户：'Lucy'}）；
}
render（）{
返回(
最近的聊天列表
);
}
}
类ChatScreen扩展了React.Component{
静态导航选项={
标题：“聊天屏幕”，
};
render（）{
返回聊天屏幕
}
}
类AllContactsScreen扩展React.Component{
render（）{
返回所有联系人的列表
}
}
常量MainScreenNavigator=TabNavigator({
最近：{screen:recentchatscreen}，
全部：{screen:AllContactsScreen}，
});
MainScreenNavigator.navigationOptions={
标题：“我的聊天”，
};
const simpleap=StackNavigator({
主页：{screen:MainScreenNavigator}，
聊天：{screen:ChatScreen}，
});
AppRegistry.registerComponent（'SimpleApp'，（）=>SimpleApp）；

您可能忘记绑定

此

，因此在调用

myFunction

时，它不在类

recentchatscreen

范围内

尝试添加这个

类recentchatscreen扩展React.Component{
建造师（道具）{
超级（道具）；
this.myFunction=this.myFunction.bind（this）；
}
}

您可能忘记绑定

此

，因此在调用

myFunction

时，它不在类

recentchatscreen

范围内

尝试添加这个

类recentchatscreen扩展React.Component{
建造师（道具）{
超级（道具）；
this.myFunction=this.myFunction.bind（this）；
}
}