javascript - TypeError : Object (...) is not a function react native stack navigation
问题描述
我用本机反应制作了一个应用程序。我安装了使用堆栈导航所需的所有软件包。但是当我在网上通过博览会打开我的项目时。我收到了这个错误,你在图片中看到了这个。
// In App.js in a new project
import * as React from 'react';
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
function HomeScreen() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
</View>
);
}
const Stack = createNativeStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
请帮助我尝试解决此问题两天,请帮助我,我每次都收到此错误。错误截图1
解决方案
使用import {createStackNavigator} from '@react-navigation/stack';
代替import { createNativeStackNavigator } from '@react-navigation/native-stack';
试试这个代码:
import { View, Text } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
function HomeScreen() {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
</View>
);
}
const Stack = createStackNavigator();
function App() {
return (
<NavigationContainer>
<Stack.Navigator>
<Stack.Screen name="Home" component={HomeScreen} />
</Stack.Navigator>
</NavigationContainer>
);
}
export default App;
推荐阅读
- r - mlr - 参数名称与使用方法参数的 randomForestSRC_var.select 过滤器发生冲突
- java - 回滚后记录失败事务详细信息
- javascript - 在 html 标签中添加 html 数据属性的标准方法?
- mysql - Naming convention recommendation for using mysql in nodejs
- java - 如何在 Java 中使用 POI 读取大型 Excel 文件?
- xcode - Xcode 在尝试提交和/或推送时无法加载修订
- linux - udev 不加载模块?
- dialogflow-es - 错误:无法在 Dialogflow 模拟器中显示响应。请改为在 Google Assistant 模拟器上进行测试
- sql - 案例表达式在 0.02 的值中不起作用
- json - Xamarin Forms:如何解析本地 JSON 文件中的数据?