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