React native 反应导航类型错误:未定义不是函数
我正在尝试在我的应用程序中实现react导航,但当我从react导航网站(链接:)启动一个简单的示例应用程序时,它失败,出现以下错误:React native 反应导航类型错误:未定义不是函数,react-native,react-navigation,React Native,React Navigation,我正在尝试在我的应用程序中实现react导航,但当我从react导航网站(链接:)启动一个简单的示例应用程序时,它失败,出现以下错误: TypeError: undefined is not a function (evaluating 'arr[typeof Symbol === 'function' ? Symbol.iterator : '@@iterator']()') This error is located at: in SafeView (at withOrientat
TypeError: undefined is not a function (evaluating 'arr[typeof Symbol === 'function' ? Symbol.iterator : '@@iterator']()')
This error is located at:
in SafeView (at withOrientation.js:50)
in withOrientation (at Header.js:315)
in Header (at withOrientation.js:50)
in withOrientation (at CardStack.js:170)
in RCTView (at View.js:113)
in View (at CardStack.js:397)
in RCTView (at View.js:113)
in View (at createAnimatedComponent.js:134)
in AnimatedComponent (at Card.js:26)
in Card (at PointerEventsContainer.js:55)
in Container (at CardStack.js:440)
in RCTView (at View.js:113)
in View (at CardStack.js:370)
in RCTView (at View.js:113)
in View (at CardStack.js:369)
in CardStack (at CardStackTransitioner.js:103)
in RCTView (at View.js:113)
in View (at Transitioner.js:187)
in Transitioner (at CardStackTransitioner.js:55)
in CardStackTransitioner (at StackNavigator.js:48)
in Unknown (at createNavigator.js:48)
in Navigator (at createNavigationContainer.js:205)
in NavigationContainer (at renderApplication.js:35)
in RCTView (at View.js:113)
in View (at AppContainer.js:102)
in RCTView (at View.js:113)
in View (at AppContainer.js:126)
in AppContainer (at renderApplication.js:34)
sliceIterator
<unknown>
<unknown>
SafeAreaView.js:190:31
_getSafeAreaStyle
SafeAreaView.js:164:38
render
SafeAreaView.js:95:26
proxiedMethod
createPrototypeProxy.js:44:35
finishClassComponent
ReactNativeFiber-dev.js:1721:102
updateClassComponent
ReactNativeFiber-dev.js:1713:33
beginWork
ReactNativeFiber-dev.js:1833:44
performUnitOfWork
ReactNativeFiber-dev.js:2569:33
workLoop
ReactNativeFiber-dev.js:2595:141
_invokeGuardedCallback
ReactNativeFiber-dev.js:75:23
invokeGuardedCallback
ReactNativeFiber-dev.js:49:40
performWork
ReactNativeFiber-dev.js:2634:41
scheduleUpdateImpl
ReactNativeFiber-dev.js:2768:101
scheduleUpdate
ReactNativeFiber-dev.js:2751:38
scheduleTopLevelUpdate
ReactNativeFiber-dev.js:3048:91
updateContainer
ReactNativeFiber-dev.js:3059:39
render
ReactNativeFiber-dev.js:4483:53
renderApplication
renderApplication.js:34:4
run
AppRegistry.js:117:10
runApplication
AppRegistry.js:191:26
__callFunction
MessageQueue.js:306:47
<unknown>
MessageQueue.js:108:26
__guard
MessageQueue.js:269:6
callFunctionReturnFlushedQueue
MessageQueue.js:107:17
TypeError:undefined不是函数(计算'arr[typeof Symbol=='function'?Symbol.iterator:'@@iterator']())
此错误位于:
在SafeView中(位于withOrientation.js:50)
在withOrientation中(位于页眉处。js:315)
在标题中(在withOrientation.js:50处)
在withOrientation中(位于CardStack.js:170)
在RCTView中(在View.js:113)
在视图中(位于CardStack.js:397)
在RCTView中(在View.js:113)
视图中(位于createAnimatedComponent.js:134)
在动画组件中(在Card.js:26)
卡片中(在PointerEventContainer.js:55处)
容器中(位于CardStack.js:440处)
在RCTView中(在View.js:113)
在视图中(位于CardStack.js:370)
在RCTView中(在View.js:113)
在视图中(位于CardStack.js:369)
在CardStack中(位于CardStackTransitioner.js:103)
在RCTView中(在View.js:113)
在视图中(见Transitioner.js:187)
在Transitioner中(位于CardStackTransitioner.js:55)
在CardStackTransitioner中(位于StackNavigator.js:48)
未知(位于createNavigator.js:48)
在Navigator中(位于createNavigationContainer.js:205)
在NavigationContainer中(位于renderApplication.js:35)
在RCTView中(在View.js:113)
在视图中(位于AppContainer.js:102)
在RCTView中(在View.js:113)
在视图中(位于AppContainer.js:126)
在AppContainer中(位于renderApplication.js:34)
切片迭代器
SafeAreaView.js:190:31
_getSafeAreaStyle
SafeAreaView.js:164:38
提供
SafeAreaView.js:95:26
近似法
createPrototypeProxy.js:44:35
finishClassComponent
ReactNativeFiber-dev.js:1721:102
updateClassComponent
ReactNativeFiber-dev.js:1713:33
开始工作
ReactNativeFiber-dev.js:1833:44
执行工作
ReactNativeFiber-dev.js:2569:33
工作循环
ReactNativeFiber-dev.js:2595:141
_invokeGuardedCallback
ReactNativeFiber-dev.js:75:23
invokeGuardedCallback
ReactNativeFiber-dev.js:49:40
表演作品
ReactNativeFiber-dev.js:2634:41
scheduleUpdateImpl
ReactNativeFiber-dev.js:2768:101
计划更新
ReactNativeFiber-dev.js:2751:38
scheduleTopLevelUpdate
ReactNativeFiber-dev.js:3048:91
更新容器
ReactNativeFiber-dev.js:3059:39
提供
ReactNativeFiber-dev.js:4483:53
渲染应用
renderApplication.js:34:4
跑
AppRegistry.js:117:10
运行应用程序
AppRegistry.js:191:26
__调用函数
MessageQueue.js:306:47
MessageQueue.js:108:26
__卫兵
MessageQueue.js:269:6
callFunctionReturnFlushedQueue
MessageQueue.js:107:17
这是我的密码
import React from 'react';
import {
AppRegistry,
Text,
} from 'react-native';
import { StackNavigator } from 'react-navigation';
class HomeScreen extends React.Component {
static navigationOptions = {
title: 'Welcome',
};
render() {
return <Text>Hello, Navigation!</Text>;
}
}
export const SimpleApp = StackNavigator({
Home: { screen: HomeScreen },
});
AppRegistry.registerComponent('navigation', () => SimpleApp);
从“React”导入React;
进口{
评估学,
文本,
}从“反应本机”;
从“react navigation”导入{StackNavigator};
类主屏幕扩展了React.Component{
静态导航选项={
标题:"欢迎",,
};
render(){
返回你好,导航!;
}
}
导出常量SimpleApp=StackNavigator({
主屏幕:{屏幕:主屏幕},
});
AppRegistry.registerComponent('navigation',()=>SimpleApp);
我查看了其他查询,但似乎每个人都对导航功能有问题,我甚至没有调用导航,我只是想用导航启动应用程序。
你能帮帮我吗?提前感谢:)
解决了!!!如果您遇到同样的问题,请查看这篇github帖子这段代码是来自index.js文件还是App.js文件?你能添加另一个的代码吗?请把它全部放在index.js文件中,因为它在App.js中不起作用。我目前在App.js中没有任何内容,也没有将其导入index.jsI发现TabNavigator工作得很好运行react native init命令时,项目名称是什么?