Перезагрузка или повторная визуализация активности с реагирующей навигацией

Question

Я сохраняю данные в своей активности NewCar, как показано ниже:

saveData() {
    this.retrieveData;
    this.state.DBCarName.push(this.state.CarName)
    AsyncStorage.setItem('CAR',JSON.stringify(this.state.DBCarName));            
    this.props.navigation.navigate('Home');
} 

И я извлекаю его, чтобы отобразить состояние DBCarName в тексте о моей домашней активности:

componentWillMount(){
    this.retrieveData();  
}

retrieveData = async () => {
    try {
        const car= await AsyncStorage.getItem('CAR')
        this.setState({ DBCarName: JSON.parse(car) })
    } catch (err) {
        console.log(err)
    }
} 

Но когда я нажимаю на кнопку, которая выполняет saveData, я возвращаюсь к действию Home в его последнем рендеринге, что означает, что мне нужно перезагрузить приложение, чтобы получить последние обработанные данные.

Answer 1

Вы можете использовать 'willFocus'

this.props.navigation.addListener('willFocus', (payload) => {
    this.retrieveData();
});

Я использовал внутри конструктора страницы.

Этот слушатель работает, когда навигация по экрану NewCar даже осуществляется с помощью кнопки возврата назад или аппаратной кнопки возврата Android

Answer 2

Вам нужно либо передать параметры во время навигации:

    this.props.navigation.navigate("routeName", {params})

, затем проверьте параметры внутри componentDidUpdate параметра "routeName", проверьте this.props.navigation.state.params

или вам нужно использовать приставку.

Answer 3

Вызов this.retrieveData(); метод в componentDidMount() метод:

componentDidMount() {
    this.retrieveData();
}