Хоть и не работает

Question

Я не могу отключить ящик в начальных сценах и включить его в основных сценах. Если я заблокирую ящик в таких сценах, как:

<Scene key="scenes" hideNavBar drawerLockMode='locked-closed'>

он будет заблокирован во всех сценах. Другая проблема, если я удаляю <Scene key="scenes" hideNavBar > Ящик будет работать правильно, но type="replace" в главной сцене вызовет ошибку.

вот мой код:

<Router>
        <Drawer
            hideNavBar
            key="drawer"
            onExit={() => {
                console.log('Drawer closed');
            }}
            onEnter={() => {
                console.log('Drawer opened');
            }}
            contentComponent={DrawerMenu}
            drawerWidth={300}
        >
            <Scene key="scenes" hideNavBar  >
            <Scene key="initiate" drawerLockMode='locked-closed' >
                <Scene key="Login" component={LoginForm} title="Log in" hideNavBar />
                <Scene key="Signup" component={SignupForm} title="Signup" locked-closed  hideNavBar />
                <Scene key="Welcome" component={WelcomePage} title="Welcome" locked-closed initial hideNavBar />
            </Scene>
            <Scene key="main" type="replace" drawerLockMode='unlocked' >
                <Scene key="Games" component={ReceiptPage} title="Games"  initial hideNavBar />
                <Scene key="Profile" component={Profile} title="Profile" hideNavBar />
                <Scene key="Tickets" component={TicketDetails} title="Tickets" hideNavBar />
            </Scene>
            </Scene>
        </Drawer>
    </Router>