Preguntas con la etiqueta [react-navigation]
La etiqueta react-navigation no tiene orientación de uso.
67
preguntas
0
votos
0
respuestas
10
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
13
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
21
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
67
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
0
respuestas
75
vistas
sobra en el barra del inferior Material Bottom Tabs Navigator
saludos estoy usando la librería de "react-navigation" y estoy usando el tipo de vista de "Material Bottom Tabs Navigator" tengo un problema que no e podido solucionar, e revisado ...
0
votos
0
respuestas
87
vistas
¿Por qué al cambiar de pestaña se cambia la página de mi app react router dom?
Buen día comunidad, tengo un problema estoy realizando una pequeña aplicación con react y react router dom pero tengo un problema lo que pasa es lo siguiente tengo una página de signIn, otra de ...
0
votos
0
respuestas
94
vistas
¿Por qué no funciona LINK to="/" en mi React App?
El problema es el siguiente:
Componente NAVLINKS:
import {
Box,
ListItem,
ListItemButton,
ListItemIcon,
Divider,
} from "@mui/material";
import { Link } ...
0
votos
0
respuestas
23
vistas
Como hacer un navegar de pantalla moviendo los dedos?
Alguien sabe como hacer que se navegue por vistas usando los dedos en React Native con expo y cli, por ejemplo la topbarmavigation de facebook
Cambiar la vista moviendo los dedos a los lados
0
votos
0
respuestas
120
vistas
Como ocultar el header en una pantalla de un StackNavigator que esta dentro de un DrawerNavigator
buen dia.
tengo una consulta, tengo un DrawerNavigator, donde una de las opciones es un StackNavigator(este tiene 2 pantallas HomeScreen y DetailScreen) como podria hacer para que en la primera ...
0
votos
0
respuestas
63
vistas
¿Cómo crear un banner vertical tipo menú en react native?
Estoy replicando el diseño de la imagen pero no se como implementar el menú vertical en react native. Alguien conoce alguna librería o sabe como implementar algún menú de este tipo?
0
votos
0
respuestas
39
vistas
ReactJs + Firebase => Ocultar NavBar cuando usuario inicie sesión
Buen dia,
Soy nuevo en React y no he podido hallar como ocultar la navBar cuando el usuario inicie sesión, estoy usando Firebase para ello, lo que intenté primero fue leer del contexto usuarioContexto ...
0
votos
0
respuestas
12
vistas
No figuran datos de Json en vista de componente
Al hacer click en un boton, levanto un modal que lo tengo en otro componente, y le envio por prop un json que guardo en un useState.
El problema que tengo es que cuando quiero mostrar esos datos del ...
0
votos
0
respuestas
41
vistas
No me muestra los datos React después de ir otro componente
1.- Si actualizas la pagina recarga con los datos correctos (V. EFECTUADOS) y estoy haciendo una petición ajax al servidor
2.- Si vas a otro componente y vuelves al origina ya no visualiza los datos (...
0
votos
1
respuesta
66
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
0
respuestas
61
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
42
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
2k
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
837
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
32
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 ...
0
votos
0
respuestas
1k
vistas
Como ocultar tab Navigation con react Native?
Tengo un pequeño problema con react navigation en react native, y es que no puedo ocultar el tab cuando entro a un ruta del stack, esta no desaparece o no cambia y cuando estoy usando el stack junto ...
1
voto
1
respuesta
555
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
504
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
497
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
121
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
140
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
263
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
984
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
145
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
101
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
806
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
620
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
1
respuesta
313
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
757
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
621
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
3k
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 ...
1
voto
1
respuesta
141
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
209
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
516
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
224
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
183
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 ...
0
votos
1
respuesta
475
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 ...
3
votos
3
respuestas
3k
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 ...
1
voto
0
respuestas
216
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
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
1
respuesta
346
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 ...
0
votos
0
respuestas
756
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
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
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
183
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 ...