Проблема с tabnavigator и stacknavigator - вы должны отображать только один навигатор

Question

Its My App.js

Я хочу использовать стековый навигатор, пока он не зарегистрирован, а затем tabnavigator на странице sıgnIn

const AppNavigator=createStackNavigator({

    SıgnIn:{screen:SıgnIn},
    Welcome:{screen:Welcome},
    SıgnUp:{screen:SıgnUp},
    ForgetPassword:{screen:ForgetPassword},


});

Это My App.js

export default class App extends Component {


    render() {

        return (
         <AppNavigator></AppNavigator>
        );
    }
}

Это моя страничка SıgnIn

const  AppTabNavigator = TabNavigator({
    HomeTab:{screen:HomeTab},
    Search:{screen:Search},
    AddMedia:{screen:AddMedia},
    Followers:{screen:Followers},
    Profile:{screen:Profile},
},

Там написано, что вы должны отображать только один навигатор

Answer 1

Я бы порекомендовал использовать некоторые логические значения, например isAuthenticated, для условного рендеринга вашего навигатора. Вы можете использовать троичный оператор, чтобы сделать что-то подобное в App.js:

export default class App extends Component {
    render() {
        return (
            <div className='App'>
                { isAuthenticated ? <AppNavigator/> : <AppTabNavigator/> }
            </div>
        )
    }
}