undefined - это не функция, оценивающая 0 ,actnavigation.createDrawerNavigator

Question

У меня есть код ниже

import { createStackNavigator,createAppContainer,DrawerNavigator,createDrawerNavigator, DrawerActions } from 'react-navigation';
    const RootStack = createDrawerNavigator(
      {
        Home: HomeScreen,
        Details: DetailsScreen,
      },
      {
        intialRouteName: 'Home',
        navigationOptions: {
          headerStyle : {
            backgroundColor: '#f4511e',
          },
          headerTintColor: '#fff',
          headerTitleStyle : {
            color: 'white',
          },
        },
      }
    );


    export default class App extends React.Component {
      render() {
        return <RootStack/>;
      }
    }

Всегда отображается ошибка

undefined - это не функция, оценивающая 0 ,actnavigation.createDrawerNavigator

Я пробовал другое решение, найденное по сети, но всегда получало одну и ту же ошибку, похоже на проблему версии «Reaction-Navigation»

«Reaction-Navigation»: «1.0.0-beta.23»

Мой первый день на реакции-нативе, поэтому я не смог его получить.

Любая помощь, признательна

Спасибо

Answer 1

Я настроил навигацию по своему ящику так:

создайте файл route.js и добавьте туда все эти коды

примечание: вместо componentName добавьте имя компонента

import { StackNavigator, createDrawerNavigator } from 'react-navigation';
import DrawerScreen from 'your/drawer/component/path'
import componentName from 'your/component/path/componentName'

const Navigator = StackNavigator({
    componentName: { screen: componentName, navigationOptions: { header:null }}},
{
   mode: 'modal',
   headerMode: 'none',
   initialRouteName: componentName

});

const MyDrawerNavigator = createDrawerNavigator({  Navigator },
  {
      contentComponent:DrawerScreen,
      drawerPosition:"left"
  });

module.exports = MyDrawerNavigator;

затем в вашем файле app.js импортируйте

MyDrawerNavigator

как это

import MyDrawerNavigator from 'path/to/routes.js'

затем используйте это как app.js

export default class App extends Component{
  render() {
    return (
        <MyDrawerNavigator />
    );
  }
}

вот и все:)

Я использую версию реакции-навигации -> 2.5.5

надеюсь, это работает для вас.