Получение ошибки TypeError undefined не является объектом (оценка дочерних элементов [0]). Нужна помощь в правильном использовании навигации по ящику для меню с redux
Вот последовательность:
Вскоре после успешного входа в систему вызывается компонент заголовка с lo go и значком меню из домашней страницы Компонент для рендеринга заголовка со значком меню Lo go:
import Menu from './Menu';
import {Actions, DefaultRenderer} from 'react-native-router-flux';
import Drawer from 'react-native-drawer'
Home Component:
render(){
return(
<View>
<Header/>
.....
</View>
Header Component:
<TouchableOpacity onPress={() => Actions.drawer()}>
<IOSIcon name="ios-menu" size={35} />
</TouchableOpacity>
<TouchableOpacity goBack={()=>this.backAction} onPress={()=>this.homepage()}>
<Image
source={require('src/assets/logo/logo.jpg')}
style={styles.appLogo}/>
</TouchableOpacity>
Router.js
<Scene key='drawer' component={Drawer} contentComponent={Menu} open={true} >
<Scene key="AccountInfoPage" component={AccountInfo} title="Account"/>
</Scene>
Drawer.js
const state = this.props.navigation.state;
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={<Menu />}
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>