React Native - Yessica54/carrera-front-end GitHub Wiki

Configuración de la navegación en react native

Para iniciar la configuracion instalamos para agregar la librerías, para la navegación, gestión de gestos entre otras

npm install @react-navigation/native @react-navigation/stack npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

Se debe importat la libreria de gestos en el index.js

import 'react-native-gesture-handler';
import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

Configuracion NavigationContainer

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import {NavigationContainer} from '@react-navigation/native'
 
const App = () => {
  return (
    <NavigationContainer>
      
    </NavigationContainer>
  );
};

export default App;

Agregando tabs de navegación

Para agregar los taps de navegacion es necesario correr el siguiente comando npm install @react-navigation/bottom-tabs

Agregando librería de storage

Esto se utiliza para guardar datos dentro del storage para ellos en necesario instalar el siguiente paquete npm install @react-native-community/async-storage