在 React Native 中從導航堆棧顯示屏幕時調用哪個方法

Question

我是 React Native 的新手，我正在使用

import {  createAppContainer } from 'react-navigation';
import { createStackNavigator } from 'react-navigation-stack'

用於從一個屏幕導航到下一個屏幕，並在按下后退按鈕時顯示堆棧中的屏幕。

當屏幕從堆棧中顯示時，我想聚焦 TextInput。

FirstScreen -> SecondScreen (Back Button Press)-> FirstScreen (Focus TextInput)

當從堆棧中顯示時，在 FirstScreen 中調用哪個方法？

我嘗試將代碼放入ComponentDidMonunt(), ComponentWillMount(), render(), ComponentWillUnmount()方法中，但是當從堆棧中顯示 FirstScreen 時，不會調用這些方法。

Answer 1

在 react-navigation https://reactnavigation.org/docs/navigation-events/ 中嘗試NavigationEvent

 class Profile extends React.Component { componentDidMount() { this._unsubscribe = navigation.addListener('focus', () => { // do something this.emailInput.focus() }); } componentWillUnmount() { this._unsubscribe(); } render() { <View> <TextInput ref={ref => { this.emailInput = ref; }}/> <View/> } }