expo React原生导航,屏幕停留在默认徽标

jhiyze9q  于 2023-10-22  发布在  React
关注(0)|答案(2)|浏览(114)
import React, {Component} from 'react'    
import Registrar from './pantallas/Registrar'; //register screen
import Principal from './pantallas/Principal'; // main screen after login    
import { NavigationContainer } from '@react-navigation/native';
import { createNativeStackNavigator } from "@react-navigation/native-stack";

export default function App()  {
  
  const Stack = createNativeStackNavigator(); 
  
  return(
    
  <NavigationContainer >
      
      <Stack.Group
        initialRouteName="Registrar"
        screenOptions={{ headerShown : false }}>            
        <Stack.Screen name="Registrar" component={Registrar} />            
        <Stack.Screen name="Principal" component={Principal} />          
      </Stack.Group>
    
    </NavigationContainer>
  )   
};
8yparm6h

8yparm6h1#

如果您还没有安装react-native-gesture-handler,请确保安装并导入它。请参阅stack-navigator文档了解更多信息:stack-navigator
从文档中:要完成react-native-gesture-handler的安装,请在入口文件的顶部(确保它位于顶部,并且之前没有其他内容)添加以下内容,例如index.jsApp.jsimport 'react-native-gesture-handler';
我推荐的另一件事是使用@react-navigation/stack而不是native-stack。本机堆栈在屏幕之间导航时会导致问题,而堆栈已知更平滑,更易于使用。医生会解释一切的。
如果您有其他问题,请回复。

km0tfn4u

km0tfn4u2#

当我没有安装导航所需的所有软件包时,我也遇到了同样的问题。它在本地工作,但作为apk文件卡住。
文档建议您首先安装:npm install react-native-gesture-handler然后确保App.js(或类似文件)顶部的第一个导入是import 'react-native-gesture-handler';
如果你使用UIKit风格的动画,你将需要选择性地安装masked view:npm install @react-native-masked-view/masked-view
还要注意的是,你需要确保你的pod是链接的-虽然这在react的后续版本中会自动发生,但你可能需要运行以下命令来链接它们:npx pod-install ios

相关问题