estoy usando React Native con Expo tratando de construir la navegación de pestañas inferior pero no estoy seguro de cuál es la causa del error, estoy usando React Navigation6
Aplicación.js:
import React from 'react'; import { StatusBar } from 'expo-status-bar'; import { StyleSheet, Text, View } from 'react-native'; import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import { NavigationContainer } from '@react-navigation/native'; import BottomBar from './src/Navbar/BottomBar'; export default function App() { return( <NavigationContainer> <BottomBar/> </NavigationContainer> ) };El error:
Unable to resolve module src/Screens/Navigation/BottomNav from /Users/wafaturaifi/Desktop/Requests/App.js: src/Screens/Navigation/BottomNav could not be found within the project or in these directories: node_modules If you are sure the module exists, try these steps: 1. Clear watchman watches: watchman watch-del-all 2. Delete node_modules and run yarn install 3. Reset Metro's cache: yarn start --reset-cache 4. Remove the cache: rm -rf /tmp/metro-*BottomBar.js:
import React, { useEffect, useContext } from "react"; import { View } from "react-native"; import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import HomeScreen from '../Screens/Home'; import MoreScreen from '../Screens/More'; import PostScreen from '../Screens/Post'; import RequestsScreen from '../Screens/Requests'; import SummaryScreen from '../Screens/Summary'; const Tab = createBottomTabNavigator(); const BottomBar=() => { return ( <Tab.Navigator> <Tab.Screen name="Home" component={HomeScreen} /> <Tab.Screen name="Summary" component={SummaryScreen} /> <Tab.Screen name="Add" component={AddScreen} /> <Tab.Screen name="Requests" component={RequestsScreen} /> <Tab.Screen name="More" component={MoreScreen} /> </Tab.Navigator> ); } export default BottomBar;Estructura de archivos:
este problema se debió a que usa React Navigation, necesita ejecutar el siguiente comando
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-viewo
yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-viewPrueba esos pasos; 1-eliminar módulos de nodo 2-npm instalar -forzar 3-y ejecutar de nuevo;
Si esos pasos no resolvieron el problema, puede compartir package.json;