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()时，抽屉将打开，但它将占用整个页面；就像打开一个场景，而不是一个抽屉。

Answer 1

您应该使用Actions.drawerOpen()打开抽屉