从屏幕返回时反应导航执行功能

Question

我正在使用反应导航在我的屏幕之间导航。我有一个主屏幕(主屏幕.js(和一个名为(收藏夹.js的屏幕。

我使用此功能转到我的收藏夹屏幕。

_btnFavoritos = async () => {
const movies = this.state.myFavorites;
console.log("Abrir Favoritos");
console.log(movies);
this.props.navigation.navigate('screenFavoritos', { movies: movies });
};

如何拥有一个回调函数，以便当我退出收藏夹屏幕并返回主屏幕时，我触发一个能够更新我的主屏幕的函数？

Answer 1

偏离主题，但我会从_btnFavoritos中删除async关键字，除非您的函数有更多需要它的代码并且您根本没有在此处添加它

解决方案：

_btnFavoritos = () => {    
const movies = this.state.myFavorites;
console.log("Abrir Favoritos");
console.log(movies);
this.props.navigation.navigate('screenFavoritos',
{
movies: movies,
updateMain: () => this.updateMain()
});
};
updateMain = () => {
// Sample update logic
fetch('https://someEndpoint.com')
.then(res => res.json())
.then(json => this.setState({ movies: json })
.catch(err => console.warn(err.message)
}

收藏夹.js

componentWillUnmount(){
const { params } = this.props.navigation.state
params && params.updateMain && params.updateMain() // Checking that the function was passed down
// as a navigation prop before executing
}