反应原生导航未定义不是函数
问题描述:
我努力让节点包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;
答
您需要导入Navigation
这样的: import {Navigation} from 'react-native-navigation';
+0
这样一个明显的捕获。非常感谢你指出这一点。另外,对于任何可能引用我在我的问题中粘贴的代码的人,确保从react-native导入AppResistry。 – Kyle
您是否连结本机的依赖于正确的项目呢? https://wix.github.io/react-native-navigation/#/installation-android – hyb175
@ hyb175是的,我已经完成了这些说明。即使是双重检查,我通过将它与他们的示例项目进行比较来完成。 – Kyle