2017-07-19 106 views
0

我努力讓節點包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; 
+0

您是否連結本機的依賴於正確的項目呢? https://wix.github.io/react-native-navigation/#/installation-android – hyb175

+0

@ hyb175是的,我已經完成了這些說明。即使是雙重檢查,我通過將它與他們的示例項目進行比較來完成。 – Kyle

回答

1

您需要導入Navigation這樣的: import {Navigation} from 'react-native-navigation';

+0

這樣一個明顯的捕獲。非常感謝你指出這一點。另外,對於任何可能引用我在我的問題中粘貼的代碼的人,確保從react-native導入AppResistry。 – Kyle

相關問題