Вложенная навигация не работает в реакцию родного

Question

Вложенная навигация не работает

Приложение. js Компоненты Отчеты Панель инструментов SideBar

Код SideBar

export default class SideBar extends React.Component {
  render() {
    return (
      <Container>
        <Content>
          <List...                
                  onPress={() => this.props.navigation.navigate('Reports')}>
                  <Text>{data}</Text>
                </ListItem>
              );
            }}
          />
        </Content>
      </Container>
    );
  }
}

Код панели инструментов

 <Drawer 
  ref={(ref) => {this.drawer = ref; }}
  content={<SideBar/>}
  onClose={()=> this.closeDrawer()}>

Приложение. js Код

    import {createStackNavigator} from 'react-navigation-stack';
import {createAppContainer} from 'react-navigation';
import SideBar from './src/components/SideBar';

const AppNavigator = createAppContainer(createStackNavigator({
  Logout: {screen:SigninTabs, 
    navigationOptions: {
     header: null
    }},
  Dashboard: {screen:Dashboard,
  navigationOptions:{
    header: null,
  }},
  Reports: {screen:Reports,
   navigationOptions:{
title:'Reports',
}  },
},
));
class App extends Component {
constructor(props) {
    super(props)
    this.state = {
  }
}
  render(){
    return (
      <AppNavigator/>
  );
}}
export default App;

Как перейти с боковой панели к отчетам, боковая панель импортируется в приборную панель, а приборная панель импортируется в приложение. js

Answer 1

Боковая панель должна быть добавлена ​​в ваш стек навигации для работы this.props.navigation.