React native 如何在React Native中引用标头组件

React native 如何在React Native中引用标头组件,react-native,reference,header,navigation,React Native,Reference,Header,Navigation,我正在制作一个React本机应用程序,用户可以在其中对某些主题发表评论。我有一个stacknavigator,标题中有一个自定义的 当用户查找主题时,他们可以单击按钮(取消)订阅,按钮的布局也会相应更改。对(un)subscribe的逻辑和服务器调用都在自定义组件中 我现在想做的是,让用户在对主题发表评论时自动订阅。通常,我会用ref={ref=>this.\u subscribeButton=ref}引用这个自定义组件,然后调用this.\u subscribeButton.subscribe

我正在制作一个React本机应用程序,用户可以在其中对某些主题发表评论。我有一个stacknavigator,标题中有一个自定义的

当用户查找主题时,他们可以单击按钮(取消)订阅,按钮的布局也会相应更改。对(un)subscribe的逻辑和服务器调用都在自定义组件中

我现在想做的是,让用户在对主题发表评论时自动订阅。通常,我会用
ref={ref=>this.\u subscribeButton=ref}
引用这个自定义组件,然后调用
this.\u subscribeButton.subscribe()
。但是,由于该组件位于stacknavigator的标题中,我似乎无法引用它,引用的计算结果为未定义。 有什么好办法解决这个问题吗

谢谢大家!

找到了解决方案:

可以使用“导航”引用标题组件,而不是使用“this”引用标题组件:

<MyComponent
  ref={myComp => navigation.myComp = myComp} 
/>

如果您创建您的自定义标题并禁用stacknavigator标题,这样您就可以访问该按钮,这会更好
this.props.navigation.myComp.subscribe()