在React Native中加载时的Stack Navigator问题

潘卡伊

关于

堆栈导航的版本[email protected] react-navigation / stack“:” ^ 5.9.3“

我正在尝试显示加载时的主屏幕。

错误详情

在此处输入图片说明

App.js中的代码

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import NavigationContainer from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import Home from './screens/home';

export default function App() {

    const Stack = createStackNavigator();

    return (
        <View style={styles.container}>
            <NavigationContainer>
                <Stack.Navigator initialRouteName="Home">
                    <Stack.Screen name="Home" component={Home} />
                </Stack.Navigator>
            </NavigationContainer>
        </View>
    );
}

主屏幕中的代码

import React, { useState } from 'react';
import { Text, View } from 'react-native';

export default function Home() {

    return (
        <View>
            <Text>Home Screen</Text>
        </View>
    )
}

版本号

"@react-navigation/drawer": "^5.9.3",
"@react-navigation/native": "^5.7.6",
"@react-navigation/stack": "^5.9.3",
"expo": "~39.0.2",
"expo-status-bar": "~1.0.2",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
"react-native-web": "~0.13.12"
古拉帕兰·吉里塔兰(Guruparan Giritharan)

您需要<MyStack />使用NavigationContainer标记包装

import {
  NavigationContainer,
} from '@react-navigation/native';

<NavigationContainer>
<MyStack />
</NavigationContainer>

按照package.json,您使用的是两个版本的导航,因此请全部更新为导航5,如下所示

 "@react-navigation/native": "^5.4.0",

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用React Native,Redux和Navigator进行导航的正确方法

React Native-Navigator递归子代崩溃

在React Native的Navigator中更改视图

在React Native Image组件中加载本地图像

在React Native Navigator中在组件之间传递值

React Native-使用ToolbarAndroid和Navigator的navigationBar

在Android上的React Native,Navigator中处理后退按钮

React Native Navigator Route Object未定义

在Redux + React Native + react-navigator中传递参数

如何在React Native中加载Google Places API?

状态更改后刷新屏幕[Drawing navigator react-native]

Navigator vs NavigatorIOS React Native应用程序

在React中加载脚本

React Native-Stack Navigator检查从哪个屏幕打开了新面板

在React Native应用程序中加载片段

在React Native中如何在重置导航堆栈的同时从子Stack Navigator导航回父项

React Native:iOS中的透明Stack Navigator不起作用

在React-Native应用中,如何使用SwitchNavigator(react-navigator)和react-redux?

在React Native中加载组件时出现错误

在Stack-Navigator屏幕中打开React-Native抽屉菜单

navigator.geolocation.getCurrentPosition在React Native中不起作用

在React Native中使用this.props.children加载大型组件时是否存在任何性能问题?

如何解决React应用无法在Safari中加载的问题?

React.native中Stack.Screens之间的Stack.Navigator淡入淡出过渡?

React Native Stack Navigator使用状态

在React Native上将Stack Navigator和Bottom Tab Navigator结合使用

React-Native中加载页面上的功能

expo-font未在react-native中加载

React Native Drawer和Tab Navigator