javascript - 使用 react 导航重新加载或重新渲染事件

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');
} 

我检索它是为了在我的 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 硬件后退按钮导航时，此监听器都会起作用