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>
)
};
如果尚未安装,请确保安装
react-native-gesture-handler
并导入它。请参阅 stack-navigator 文档以获取更多信息:stack-navigator
来自文档:“要完成
react-native-gesture-handler
的安装,请在条目文件的顶部添加以下内容(确保它位于顶部且前面没有其他内容),例如 index.js
或 App.js
: import 'react-native-gesture-handler';
”
我建议的另一件事是使用
@react-navigation/stack
而不是本机堆栈。在屏幕之间导航时,本机堆栈会出现问题,而众所周知,堆栈更流畅且更易于使用。文档将解释一切。
如有其他问题请回复。
当我没有安装导航所需的所有软件包时,我遇到了同样的问题。它在本地工作,但卡为 apk 文件。