Preguntas con la etiqueta [react-navigation]

La etiqueta no tiene orientación de uso.

Filtrar por
Ordenado por
Etiquetadas con
0 votos
2 respuestas
3k vistas

¿Como volver a renderizar el mismo componente con nueva información en React.js?

Quiero volver a renderizar un componente pero con diferente información, pero no funciona. Cuando vengo desde cualquier parte de la aplicación al componente que me muestra las palabras, me aparecen ...
0 votos
0 respuestas
8 vistas

Variable de react contex aparece como indefinida solo en una parte de mi componente

Hola estoy intentando hacer una autenticacion en reac native expo usando react navigation y context para pasarle el estado de autenticacion y asi renderise las pantallas de login o de home, el ...
0 votos
0 respuestas
25 vistas

Problemas con Navegacion Anidada en React Native

Hola tengo un problema espero me puedan ayudar un poco, es con la navegacion anidada en React Native, tengo varios Stack Navigation dentro de un Drawer Navigation Codigo de Drawer <Drawer....
0 votos
0 respuestas
42 vistas

Quiero que dependiendo de la ruta en react se muestre un menu diferente

Tengo el siguiente codigo de un enrutamiento en react <div className="App"> <BrowserRouter> <GeneralProvider> <Routes> <Route path="/"...
0 votos
0 respuestas
17 vistas

No se me recarga el Array en la otra pantalla React Native

Problema de actualización en React Native al agregar productos al carrito Estoy trabajando en una aplicación de React Native donde tengo dos pantallas principales: "Products" y "...
0 votos
0 respuestas
63 vistas

react-native Expo, integrar boton que ejecute una funcion a mi navegacion

intento integrar un boton en mi navegacion que no me envié a ninguna otra screen que solo ejecute la funcion miFuncion(). en este caso intento que al tocar el tab.Screen con el name "buscador&...
0 votos
0 respuestas
63 vistas

¿Como puedo hacer para insertar un Tab adentro de un Drawer en ReactNative?

Este es el tab Navigation import React from "react"; import { createBottomTabNavigator } from "@react-navigation/bottom-tabs"; import AccountScreen from "../screens/Account&...
0 votos
1 respuesta
182 vistas

React-Native no puedo navegar a través de Navigator

como están? Tengo mi aplicación de react native que se basa en mi archivo app.js de la siguiente manera: App.js import React from 'react'; import { StyleSheet } from 'react-native'; import { ...
0 votos
1 respuesta
4k vistas

Comunicación entre componentes con hooks en reactjs

Estoy consumiendo una api y el json que me devuelve quiero enviárselo a otro componente para ahí mostrarlo, pero no se como hacerlo, estoy usando hooks, he visto que hay ejemplos pero con clases :C. ...
0 votos
1 respuesta
71 vistas

No puedo derivar al 404 REACT (useParams)

Hola gente como andan? Estoy iniciandome en React, estoy realizando un e-commerce en react y tengo un problema con el listado de productos, tengo los productos desde firebase y que los filtros con una ...
0 votos
1 respuesta
984 vistas

Como puedo actualizar mis datos al regresar a la pantalla anterior en react native?

En esta primera pantalla del Home mando los datos a la pantalla del Detalle: En esta pantalla quiero que se actualizen los datos que edito en la pantalla del Detalle y se refresque también en esta ...
0 votos
3 respuestas
724 vistas

Problema al instalar @react-navigation/stack

Cuando quiero instalar: npm install @react-navigation/stack npm install @react-native-community/masked-view Me sale este error, no se si sea la versión del react. Este es mi package.json "...
0 votos
0 respuestas
92 vistas

React Native pantalla en blanco al hacer un checkout

Estoy haciendo un proyecto en React-Native. Total, que le he metido el Navigation, Stack y Tab para multiScreen. No me funcionaba y decidi borrar esos 3 y empezar de nuevo como lo llevaba previamente ...
0 votos
0 respuestas
60 vistas

¿Cómo podría enrutar de manera automática los archivos de una carpeta en REACT?

Estoy trabajando en un proyecto personal, menús para restaurantes. Anteriormente estaba usando HTML y CSS, pero ahora me gustaría comenzar con una app en react, lo que estoy intentando es enrutar ...
1 voto
1 respuesta
3k vistas

React - Enviar datos por post a una API mediante fetch y obtener el resultado

Esta función dentro de mi código react lo que pretende hacer es enviar los datos mediante post a una API y recoger el resultado. Para hacer las pruebas los datos correctos que tengo són email [email protected] ...
0 votos
1 respuesta
1k vistas

Primera vez uso React no me carga en el navegardor la página No sale error a priori

Es la primera vez que so React. No me sale ningún error, pero no consigo que me muestre por el navegador el título de la página He revisado que el archivo index.css esté bien importado, así como las ...
0 votos
0 respuestas
33 vistas

Comunicación entre componentes estados

Necesito comunicarme entre componentes; me explico: tengo la clase UploadFile y necesito acceder al nombre del archivo seleccionado que se ha guardado en el State desde la clase Register, es decir, a ...
1 voto
1 respuesta
614 vistas

React JS - Pasar props de un navlink a un componente

Genero un link con un "navlink" en un componente que se llama "ProductCard" y quiero pasarle las props a un componente que se llama "Product" Componente ProductCard ...
1 voto
1 respuesta
560 vistas

React fetch de una URL y pintar los datos

Tengo un grid que muestra "N" productos y al hacer click en uno de ellos la idea es recibir una url del tipo http://localhost:3000/product/13-producto-de-pruebas Donde "13" será el ...
0 votos
1 respuesta
609 vistas

React - Componente para mostrar productos como hacer columnas

Buenas tengo un buscador en react donde a partir de un "termino" hago una llamada api que me devuelve N objetos y los "pinto" por pantalla (esto me funciona) y lo hago con 2 ...
1 voto
0 respuestas
126 vistas

Como puedo renderizar un componente desde otro con react native?

Estoy construyendo una app que trabaja con react-navigation y personalice los botones del drawer y entre estos hay un componente en el drawer que dibuja la foto y nombre del usuario que se obtienen ...
0 votos
1 respuesta
198 vistas

¿Cómo puedo evitar el Alert si ya guardé los cambios?, utilizando navigation.addListener('beforeRemove'

Necesitaría adaptar el siguiente código obtenido de React Navigation Docs (Snack), para evitar el Alert si ya he "guardado los cambios" antes de intentar regresar a la página anterior (por ...
1 voto
1 respuesta
331 vistas

Como hago para que el menú lleve a algún lado en React

tengo un AppBar y en el extremo derecho tengo un Menu con opciones, pero no he podido hacer que me lleve a algún lado al escoger una opción. Busque en ejemplos de código de material UI, veo varios ...
0 votos
1 respuesta
1k vistas

Como cargar información al inicializar aplicación con react y hoocks?

Espero de su amable apoyo, estoy realizando un proyecto de ecommerce con react js usando hoocks, mi problema radica en que tengo que mostrar los productos consumiendo un api externo pero no he logrado ...
0 votos
1 respuesta
165 vistas

¿Cómo habilitar TextInput al escribir en otro TextInpuit?

buena tarde. Soy nuevo en React native y estoy realizando una app donde el proceso que quiero es que al momento es escribir en un TextInput un dato, se habilite un formulario, este formulario debe ...
0 votos
0 respuestas
134 vistas

Transiciones de pantalla fallan en react Native

les pido que por favor me ayuden, estoy realizando un Aplicación con react native y al momento que realizo una navigation.navigate(PantallaObjetivo) me sale un efecto muy feo entre que hace el cambio ...
0 votos
1 respuesta
8k vistas

React - recoger datos de url?

Tengo definida una ruta en < App > de esta forma import ViewDiet from "./components/diets/view.component"; <Switch> <Route exact path='/' component={Login} /> &...
0 votos
1 respuesta
357 vistas

¿Cómo ocultar etiquetas de un DrawerNavigation React Native?

Esta es la primera vez que publico una pregunta y estoy buscando solucionar este problema que tengo, es un proyecto personal en el que llevo meses trabajando pero tengo este problema y no sé cómo ...
3 votos
1 respuesta
877 vistas

¿Cómo combinar un TopTabNavigator y BottomTabNavigator Expo React Native?

En el siguiente código obtengo como resultado, el loading -> screen splash y, luego cargar el Home con el respectivo tabTop superior, pero el problema que presento ahora es agregar otro Tab pero ...
1 voto
0 respuestas
705 vistas

The action 'NAVIGATE' with payload {"name":"Home","params":..."} was not handled by any navigator. Do you have a screen named 'Home'?

The action 'NAVIGATE' with payload {"name":"Home","params":{"user":{"id":"VUUpROQPtKaXVef15e5XhxXNLrm1","email":"anto22e@...
0 votos
1 respuesta
4k vistas

Pasar de una página a otra en ReactJS sin usar React Router

Estoy construyendo la página de LogIn de una web y cuando el usuario introduce email y contraseña y le da a la tecla "Enter" del teclado, me gustaría que eso saltase a la página /Home, por ...
0 votos
1 respuesta
509 vistas

React Native con React Navigation error nanoid

Tengo un problema al intentar instalar React Navigation, estoy siguiendo la documentación pero me salen unos errores. Estoy usando expo-cli. Primero "npm install @react-navigation/native" y me sale ...
1 voto
1 respuesta
154 vistas

Usando Apollo Client 3 con React navigation 5 no se reflejan los cambios en los screen si no se recarga la app

Tengo configurado mi apollo client para que inserte automáticamente el token en el header de las peticiones. Funciona correctamente, por ejemplo al obtener el usuario actual, cuyos valores serán ...
0 votos
1 respuesta
243 vistas

El Drawer navigation no actualiza el componente como lo hace Stack navigation

Cuando trabajo con Stack navigation los componentes se "refrescan" hace la acción useEffect correctamente, en el caso de cuando utilizo Drawer navigation actualiza una única vez, salgo de ...
1 voto
2 respuestas
1k vistas

¿Qué sucede si cambio las extensiones de mis archivos en mi proyecto de Js a Jsx?

¿Qué sucede si cambio las extensiones de mis archivos en mi proyecto de Js a Jsx?. ¿Cuándo debería usar una extensión u otra? Como pueden observar soy muy nuevo en React. :)
2 votos
1 respuesta
543 vistas

Mostrar/ocultar boton de tarjeta en react native

Lo que deseo es mostrar el boton de eliminar solo para el segundo opcion pero como lo estoy implementando sigue saliendo en los 2 opciones,como podria solucionarlo. codigo primera opcion const items =...
0 votos
1 respuesta
243 vistas

Ayuda con los props en React Native

Tengo un flatlist con categorías, que lleno con datos de un API, quiero pasar los datos de un elemento del flatlist a otra ventana detalle, tengo duda de cómo hacerlo utilizando react navigation, ...
1 voto
0 respuestas
194 vistas

openDrawer() retorna siempre como falso y no abre menu, en react-native-drawer v4.x

Ya llevo tiempo intentando averiguar el porque la función openDrawer() no genera ninguna acción, no abre, y al hacer console.log de esto solo retorna un "false" como respuesta. He intentado ...
3 votos
3 respuestas
4k vistas

React Router no funciona en producción

Tengo un proyecto de ReactJS que al compilarlo a desarrollo navega por cada una de las rutas sin problema, pero al compilarlo a producción e intentar navegarlo en apache (xampp) saca error 404 not ...
0 votos
1 respuesta
401 vistas

¿Como redireccionar correctamente en React?

Sucede que estoy trabajando en una aplicación web, y estoy intentando hacer el login, que posee una api externa, la comunicación con la api esta funcionando perfectamente, sin embargo no he podido ...
1 voto
0 respuestas
275 vistas

Problemas con el enrutamiento react-router-dom

no se si alguien me puede indicar o guiar un poco, estoy intentando cargar en un pagina un componente con una navegacion, inicialmente trabaja bien como lo podemos ver aqui pero al refrescar la ...
0 votos
3 respuestas
2k vistas

Ocultar drawer item de Menu React-navigation

Estoy intentando esconder/mostrar el botón de logout de mi drawer menu según el usuario este logeado o no, he puesto una función en el componente que decida si mostrar o no el botón en cada momento, ...
0 votos
0 respuestas
819 vistas

React Router no me funciona

Estoy realizando una página web informativa (sin nada de backend) y ya que tengo mucho tiempo para entregarla, decidí hacerla con React.js y con ese proyecto, ir aprendiendo de este framework. Estoy ...
0 votos
0 respuestas
1k vistas

React Datepicker, excluir horarios de una fecha

Estoy usando esta libreria: https://reactdatepicker.com/ Existen dos propiedades, excludeDates y excludeTimes, que según le mande fecha u hora, y a cual, excluye una o la otra La pregunta es para ...
1 voto
0 respuestas
195 vistas

React no renderiza las rutas en produccion

tengo un problema con una app de React que estoy haciendo, la app esta subida en github pages, lo que me pasa es que no se ve el contenido que renderizan las rutas, y tampoco me da ningun error en ...
0 votos
1 respuesta
1k vistas

Pantalla en blanco React Navigation

Llamo desde un componente a otro que tiene React Navigation, directamente funciona, pero al poner el View que contenga a este componente aparece la pantalla en blanco. Ejemplo: FUNCIONA: render() { ...
0 votos
2 respuestas
2k vistas

Llamar a otra funcion/componente usando useState de React Hooks

Soy novato utilizando hooks, pero lo que quiero hacer es al darle click en el botón de la función Home, que desplegue el contenido de Contact o Contacto que sería simplemente Youre in Contact y Have a ...
0 votos
3 respuestas
736 vistas

trabajar con props y estados react native

buenos dias soy nuevo en react native y tengo 2 ventanas y entonces una es el login y la otra muestra una lista de objetos entonce quiero saber como hago para llevarme el nombre con el que hice sesion ...
0 votos
1 respuesta
991 vistas

montar icono en react native Material Top Tab Navigator

Tengo el siguiente código pero no genera ningún icono al cargarlo pero tampoco un error import { createAppContainer,createMaterialTopTabNavigator } from 'react-navigation'; import Buscar from './...
0 votos
2 respuestas
126 vistas

react-native-navigation no funciona cuando dentengo el sever

React-native-navigation funciona perfectamente mientras este corriendo el servidor react-native run-android despues de haber detenido la ejecución, la aplicación no navega entre las pantallas y cierra ...