React native 如何在React Native中引用标头组件
我正在制作一个React本机应用程序,用户可以在其中对某些主题发表评论。我有一个stacknavigator,标题中有一个自定义的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
当用户查找主题时,他们可以单击按钮(取消)订阅,按钮的布局也会相应更改。对(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()