反应原生导航未定义不是函数

Question

我努力让节点包react-native-navigation在我的项目中工作。但是，当我尝试运行我的应用程序时，我遇到了一个我似乎无法跟踪的令人讨厌的错误。帮助表示赞赏。

错误：

​​

index.js：

import Navigation from 'react-native-navigation'; 
import SideBar from './sidebar'; 
import Meetups from './meetups'; 

export default function() { 
    Navigation.registerComponent('inbetween.sidebar',() => SideBar); 
    Navigation.registerComponent('inbetween.meetups',() => Meetups); 
} 

App.js：

import Navigation from 'react-native-navigation'; 
import registerScreens from './screens'; 

registerScreens(); 

export default class App { 

} 

Navigation.startSingleScreenApp({ 
    screen: { 
    screen: 'inbetween.meetups', 
    title: 'Meetups', 
    navigatorStyle: {}, 
    navigatorButtons: {} 
    }, 
    drawer: { 
    left: { 
     screen: 'inbetween.sidebar', 
     passProps: {} 
    }, 
    disableOpenGesture: false 
    }, 
    passProps: {}, 
    animationType: 'slide-down' 
}); 

index.android.js

import App from './src/App'; 
AppRegistry.registerComponent('App',() => App); 

边栏：

import React from 'react'; 
import { View, Text } from 'react-native'; 

class SideBar extends React.Component { 
    render() { 
    return (
     <View> 
     <Text>Navigation List Here</Text> 
     </View> 
    ); 
    } 
}; 

export default SideBar; 

聚会：

import React from 'react'; 
import { View, Text } from 'react-native'; 

class Meetups extends React.Component { 
    render() { 
    return (
     <View style> 
     <Text>Meetup List Here</Text> 
     </View> 
    ); 
    } 
}; 

export default Meetups; 

Answer 1

您需要导入Navigation这样的： import {Navigation} from 'react-native-navigation';