Как ссылаться на компонент заголовка в React Native

Question

Я делаю приложение React Native, в котором пользователи могут оставлять комментарии по определенным темам. У меня есть стекавигатор с пользовательским <SubscribeButton /> в шапке.

Когда пользователь ищет топи c, он может нажать кнопку, чтобы (не) подписаться, и соответственно изменится расположение кнопки. Logi c и вызов сервера (не) подписаться - все в пользовательском компоненте.

Что я сейчас хочу сделать, это сделать так, чтобы пользователь автоматически подписывался при размещении комментария в топи c , Обычно я бы ссылался на этот пользовательский компонент с помощью ref={ref => this._subscribeButton = ref}, а затем вызывал this._subscribeButton.subscribe(). Однако, поскольку компонент находится в заголовке stacknavigator, я не могу ссылаться на него, и ссылка оценивается как undefined . Есть хороший способ решить эту проблему?

Спасибо!

Answer 1

Нашли решение:

вместо ссылки на компонент заголовка с помощью «this», на них можно ссылаться с помощью «navigation»:

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

И просто вызовите с помощью:

this.props.navigation.myComp.subscribe()