React Native Router Flux: ящик занимает всю страницу

Question

Я хочу реализовать ящик с React Native Router Flux.

Это моя текущая конфигурация в app.js:

            <Router>
              <Stack key="root">
                <Scene key="fullApp"  component={fullApp} hideNavBar={true} />
                <Scene key="comments" component={Comment} hideNavBar={true} />
                <Scene key="createComment" component={CreateComment} hideNavBar={true} />
                <Scene key="playerPage"  component={PlayerPage} hideNavBar={true}/>
                <Scene key="saveFilter" animationEnabled={false} component={SaveFilter} hideNavBar={true}/>
                <Scene key="leagueSelect" gesturesEnabled={false} component={LeagueSelect} hideNavBar={true}/>
                <Scene key="filter" component={Filter} hideNavBar={true}/>
                <Drawer
                  hideNavBar
                  key="mainDrawer"
                  contentComponent={MainDrawer}
                  drawerWidth={250}
                  drawerPosition="right"
                  drawerIcon={drawerIcon}
                >
                  <Scene key="slide"  component={MainDrawer} hideNavBar={true}/>
                </Drawer>
              </Stack>
            </Router>

Когда я вызываю Actions.mainDrawer() в другом компоненте,ящик открывается, но занимает всю страницу;это как будто он открывает сцену, а не ящик.