Навигация по ящику для меню с Redux: TypeError undefined не является объектом (оценка дочерних элементов [0]) - PullRequest
0 голосов
/ 07 мая 2020

Получение ошибки 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>
...