переход от вложенных стеков к одному экрану в корне в быстрой навигации

Question

У меня ниже корни в моем собственном реактивном проекте, использующем реагирующую навигацию: https://i.stack.imgur.com/NA2gd.jpg

main - это bottomTabNavigator с 3 экранами, а на экране профиля у меня есть 3 экрана topTabNavigator.на экране EditProfile у меня есть кнопка выхода.когда я нажимаю кнопку выхода из системы, я хочу перейти на экран входа в систему.пожалуйста, помогите мне достичь этого

Answer 1

я нашел это сам на экране профиля я использовал screenProps просто так:

class Profile extends Component{
    constructor(props){
      super(props);
    }
    render(){
        return(
            <View style={{ flex: 1,}}>        
            <AppNavigator screenProps={{ rootNavigation: this.props.navigation }}/>
             </View>
        )
    }
}

и на странице EditProfile, когда пользователь нажимает кнопку выхода, я запускаю этот код:

this.props.screenProps.rootNavigation.navigate('login')