tabnavigator和stacknavigator问题 - 你应该只渲染一个导航器

Question

它的我的App.js

我想在未记录时使用堆栈导航器，然后在sıgnIn页面中使用tabnavigator

const AppNavigator=createStackNavigator({

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


});

它的我的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>
        )
    }
}