Я пытаюсь настроить react-native-drawer с помощью react-native-router-flux.
Я настроил ящик как в потоке ДРУГАЯ ИНФОРМАЦИЯ, как показано ниже
import React from 'react-native';
import Drawer from 'react-native-drawer';
import SideMenu from './SideMenu';
import {Actions, DefaultRenderer} from 'react-native-router-flux';
export default class NavigationDrawer extends Component {
render(){
const state = this.props.navigationState;
const children = state.children;
return (
<Drawer
ref="navigation"
open={state.open}
onOpen={()=>Actions.refresh({key:state.key, open: true})}
onClose={()=>Actions.refresh({key:state.key, open: false})}
type="displace"
content={<SideMenu />}
tapToClose={true}
openDrawerOffset={0.2}
panCloseMask={0.2}
negotiatePan={true}
tweenHandler={(ratio) => ({
main: { opacity:Math.max(0.54,1-ratio) }
})}>
<DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
</Drawer>
);
}
}
Затем я помещаю сцены ящика внутрь компонента маршрутизатора, как показано ниже.
render() {
return (
<Router>
<Scene key="choice" component={ServiceChoice} title="" hideNavBar />
// some scenes go here
<Scene key="drawer" component={NavigationDrawer} open={false} >
<Scene key="main" tabs={true} >
<Scene
key="map"
component={MapScreen}
title=""
hideNavBar
initial
/>
</Scene>
</Scene>
//some other scenes go here
</Router>
);
}
Теперь проблема в том, что из другого компонента, например. ServiceChoice, если я делаю Actions.map()
, ничего не происходит.
Может ли кто-нибудь указать мне, что я делаю неправильно? Я могу предоставить любую другую необходимую информацию. Все импорты также корректны.
Спасибо