Я разрабатываю свое самое первое приложение в React-Native. У меня возникла проблема с закрытием дочернего компонента после выхода за родительский или любой другой компонент. Я использую реагирующую навигацию для навигации между компонентами. Я попытаюсь упростить историю следующим образом: у меня есть родительский компонент (A) и дочерний компонент (B), когда я go из A в B использую навигацию и обратно в A из slideMenu, он работает нормально. Но когда я пытаюсь открыть компонент B '(другое изображение и другие разные поля), он отображает B со старой подпоркой. Я также попытался сбросить свойства с помощью кнопки, но безуспешно. Вот некоторый код: от A (SitesCatalog) до B (CommentsPage):
moveToComments = (pageNo,siteImg) =>{
console.log(global.userId);
this.props.navigation.navigate('CommentsPage', {
name: global.userName,
photoUrl: global.photoUrl,
userID: global.userId,
pageNo: pageNo,
siteImg: siteImg,
navigation: this.props.navigation
сбросить реквизиты с помощью кнопки:
componentWillMount() {
BackHandler.addEventListener("hardwareBackPress", this.onBackPress);
pageNo = this.props.navigation.state.params.pageNo
const commentsRef = firebase.database().ref('comments');
this.listenForNotitas(commentsRef);
};
componentWillUnmount() {
BackHandler.removeEventListener("hardwareBackPress", this.onBackPress);
}
onBackPress = () => {
const resetAction = StackActions.reset({
index: 1,
actions: [
NavigationActions.navigate({ routeName: 'SitesCatalog'})
] })
this.props.navigation.dispatch(resetAction);
return true;
}
Я пробовал много разных способов сделать это, без последствий , Большое спасибо!