Ящик не открывается с реакции-родной-маршрутизатор-поток
Я работал с реакции-родным router-flux и реагировать-родным ящиком, но мой ящик не открывается
версии
"react-native-drawer": "^2.3.0" ,
"react-native-router-flux": "4.0.0-beta.27"
NavigationRouter.js
render () {
return (
<Router>
<Scene key='drawer' content={NavigationDrawer} drawer={true} hideNavBar={false} open={false}>
<Scene key='drawerChildrenWrapper' navigationBarStyle={Styles.navBar} titleStyle={Styles.title} leftButtonIconStyle={Styles.leftButton} rightButtonTextStyle={Styles.rightButton} >
<Scene key='login' component={LoginScreen} title='Login' hideNavBar />
<Scene key='signup' component={SignupScreen} title='Signup' hideNavBar />
<Scene key='resetpassword' component={ResetPasswordScreen} title='Reset Password' hideNavBar />
</Scene>
</Scene>
</Router>
)
}
NavigationDrawer.js
render() {
const state = this.props.navigationState
const children = state.children
return (
<Drawer
ref='navigation'
type='displace'
onOpen={() => {
console.warn("OPEN")
NavigationActions.refresh({ key: state.key, open: true })
}
}
onClose={() => {
console.warn("CLOSE")
NavigationActions.refresh({ key: state.key, open: false })
}}
// contentComponent={DrawerContent}
content={<DrawerContent />}
styles={Styles}
tapToClose
openDrawerOffset={100}
drawerWidth={100}
panCloseMask={0.8}
panThreshold={150}
negotiatePan
tweenHandler={(ratio) => ({
main: { opacity: Math.max(0.54, 1 - ratio) }
})} >
<DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
</Drawer>
)
}
когда я нажимаю HumburgerIcon, я открываю ящик с фрагментом кода ниже, вызывается метод openDrawer, но ящик не открывается.
const openDrawer = () => {
NavigationActions.refresh({
key: 'drawer',
open: true
})
}
заранее спасибо