Reactネイティブナビゲーション未定義は関数ではありません

Question

私のプロジェクトでは、Node Package 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';