Perguntas com a tag [react-native]

O React Native é um framework baseado na biblioteca React, desenvolvido pelos engenheiros do Facebook que consiste em uma série de ferramentas que viabilizam a criação de aplicações móveis com interfaces nativas para a plataforma iOS e Android utilizando JavaScript.

Filtrar por
Ordenado por
Com tags
0 votos
1 resposta
2mil visitas

React Navigation passando parâmetros para rota irmão Stack

Olá, tenho a seguinte estrutura: Workouts index.jsx WorkoutInfo index.jsx Home index.jsx Profile index.jsx Notifications index.jsx É uma página Home normal e uma página Workouts que mostra ...
Ban's user avatar
  • 135
-1 votos
3 respostas
209 visitas

Leitura do AsyncStorage gera um loop infinito

Estou com um problema nas minhas aplicações. Eu uso bastante o useState(), porém venho observando que isso está gerando loops infinitos na minha aplicação. Segue um exemplo: if(show){ AsyncStorage....
lima23's user avatar
  • 25
-1 votos
1 resposta
628 visitas

Não consigo renderizar elementos dinamicamente usando forEach

Gostaria de saber se tem como renderizar o componente Drawer.Screen dentro de Drawer.Navigator, de forma dinâmica. Tentei fazer colocando os componentes em um array (materias/index.js) e percorre-los ...
Raphael's user avatar
  • 471
1 voto
1 resposta
2mil visitas

Trocar a cor do CheckBox via Styled-Components

Preciso trocar a cor de um CheckBox quando está selecionado. Estou usando da seguinte maneira: index.js import CheckBox from '@react-native-community/checkbox'; ... <CheckBoxes> <Label>...
Raphael Prado de Oliveira's user avatar
0 votos
1 resposta
929 visitas

useEffect não reconhece novo valor

O hook useEffect dispara quando alguma variável no seu array atualiza. No entanto, quando o valor da variável continua o mesmo, o hook simplesmente ignora. Esse hook recebe um valor e da um push no ...
Nycollas's user avatar
-1 votos
1 resposta
1mil visitas

Como pegar a Geolocalização atual do celular usando React Native?

Estou tentando pegar a minha latitude e longitude, para isso utilizei o seguinte código: import { View, Text, TextInput, StyleSheet, TouchableOpacity } from 'react-native'; import MapView, { ...
Fernando Angelo's user avatar
1 voto
2 respostas
1mil visitas

Como renderizar um conteúdo assíncrono no React Native?

Sou novo no React Native e estou desenvolvendo uma aplicação teste, onde eu estou precisando guardar alguns dados no dispositivo usando o Async Storage. Consegui guardar os dados corretamente, porém ...
lima23's user avatar
  • 25
5 votos
3 respostas
813 visitas

Local Push Notification iOS

Estou usando a lib react-native-push-notification para agendar notificações em um app,e estou com um problema para criar uma notificação local que se repita em determinado intervalo para iOS, ou seja, ...
Vynstus's user avatar
  • 472
-1 votos
2 respostas
2mil visitas

Como Desabilitar Botão de Voltar React Native

Olá, gostaria de saber como eu debilito o botão de voltar da createMaterialTopTabNavigator, do react-native, na versão 5. Consegui Desabilitar o botão nativo dessa forma: import React, {useEffect} ...
joao vitor's user avatar
-1 votos
1 resposta
41 visitas

React Native refactorando class para function component

Novo no RN e estou tentando refatorar do class Component para function Component para usar hooks, mas na hora de setar o item da funcao .map(), aqui "setSentences(item);", nao esta reagindo, ...
wagner tanaka's user avatar
0 votos
0 respostas
206 visitas

Erro de navegação com React Native

Eu estou desenvolvendo uma aplicação em React Native com tres tipos de navegações: Drawer, Bottom Tab e Stack Navigator. Eu inseri esses tres tipos de navegação porém mostra o seguinte erro: Ele fala ...
João Vitor's user avatar
-2 votos
1 resposta
421 visitas

FlatList não está renderizando - React Native

Estou fazendo uma tela aqui e quero exibir uma lista de especialidades médicas, só que não quero ter que fazer isto manualmente, então implementei o FlatList só que apesar de estar recebendo as ...
Sarah Gonçalves's user avatar
-1 votos
1 resposta
416 visitas

Como instalar a biblioteca react-navegation pelo prompt?

Estou estudando React Native e já tenho o Visual Studio Code instalado, na vídeo aula ensinaram o comando npx react-navigation porém quando uso o comando o prompt me da a mensagem de erro npm ERR! ...
Berg Souza's user avatar
0 votos
1 resposta
653 visitas

Problema ao importar função em React Native

Oi, estou fazendo um app em react native usando expo e estou tendo o seguinte error; já tentei de tudo, até aonde eu entendo ele não está reconhecendo a função LoginScreen em; <Stack.Screen name=...
Jordão Qualho's user avatar
0 votos
4 respostas
4mil visitas

Google fontes no react native

Estou tentando a algum tempo adicionar fontes ao meu projeto react-native mas não obtive sucesso seguindo tutoriais da net. estou tentando usar as fontes assim: import React from 'react'; import { ...
stanley neiva's user avatar
-2 votos
1 resposta
813 visitas

Passar parâmetro para componente da Tab.Screen

Como passar parâmetros para o componente da Tab Screen? Ficha/index.js: import Historico from './Historico'; export default function Ficha({ route, navigation }) { const { periodo } = route.params;...
Raphael's user avatar
  • 471
1 voto
1 resposta
644 visitas

React Native useState criar input com loop

Tenho um objeto da seguinte forma: var ItensMenu = [ {title: 'Nome', type: 'input', id: 'id1'}, {title: 'CPF', type: 'number', id: 'id2'}, {title: 'Data de Nascimento', type: 'date', id: '...
Peter Newton's user avatar
-2 votos
2 respostas
2mil visitas

Validar campos no react native

Tenho uns campos de input, ambos estão setados os estados. Gostaria de fazer com que só permita o clique no botão se esses campos estiverem preenchidos. obs:.Estou Usando Hooks const [ name, setName ] ...
Paulo Robson's user avatar
-1 votos
1 resposta
231 visitas

React Native com NavigationActions Redux Saga e Reactotron

Boa tarde, estava tentando fazer uma navegação dentro de uma action do redux com o seguinte código: export function* searchByID(action) { try { console.log('action', action); const response ...
Taís Regina Moraes Castão's user avatar
0 votos
1 resposta
826 visitas

Percorrer array map com tsx

Preciso percorrer um array dentro de outro array com array map, no primeiro laço vou mostrar as categorias e no segundo vou mostrar os produtos, estou conseguindo percorrer, mas não consigo mostrar a ...
Herick's user avatar
  • 615
-1 votos
1 resposta
405 visitas

Não consigo navegar em rotas de diferentes stacks com react navigation

Eu tenho 3 arquivos de rotas. Contem as rotas que o usuario pode acessar sem necessidade de estar logado, no meu caso so a tela de signin. import React from 'react'; import { ...
marcelo colombo's user avatar
-1 votos
1 resposta
3mil visitas

TypeError: Cannot read property 'navigate' of undefined

Consigo fazer o navigation da minha pagina de Main para pagina Home mas não consigo fazer da Home para Atletas, sendo que a configuração ta igual. Estou usando um cara no meio, então seria da minha ...
Lucas Henrique barbosa's user avatar
-2 votos
1 resposta
608 visitas

Problemas para renderizar na tela no React Native

Estou com problemas ao colocar na tela um simples "Página main" o que está errado no código? (no console não aparece nenhum erro) Arquivo main.js import React, { Component } from 'react' ...
Gabriel dos Passos's user avatar
1 voto
2 respostas
897 visitas

Componente de Input não está alterando o valor do state

Tenho um componente de Input que é um Wrapper do TextInput (react-native). Quando digito o valor no meu componente Input e depois tento mostrar o valor da variável a qual o texto deveria ter sido ...
Denis Correia's user avatar
-2 votos
1 resposta
721 visitas

React Native FlatList não está renderizando os resultados

Estou tentando mostrar uma box com um resultado de uma requisição do axios usando o FlatList mas a tela fica apenas em branco, não dá erro nem nada. export default class Home extends Component { ...
Joicy Albuquerque's user avatar
1 voto
1 resposta
702 visitas

Salvar estado de checkbox no AsyncStorage

Possuo um check box do qual por padrão vem assinalado como true (marcado), mas, quero de forma dinâmica uma opção que salve quando o usuário mudar essa caixa pra false (ou, desmarcar). Como ainda não ...
Wanderson Bueno's user avatar
-1 votos
1 resposta
2mil visitas

Erro React Native ao executar o npx react-native run-android

Esse erro esta aparecendo para mim quando uso o comando npx react-native run-android, como eu posso solucionar isso? error Failed to install the app. Make sure you have the Android development ...
Italo Silva's user avatar
0 votos
0 respostas
116 visitas

Tratar CheckBox com erro ou mensagem de sucesso

Tratei diferente. Seguindo um tutorial, separei o checkbox com uma função e onde renderiza só está o status. Ficou assim: this.setState({ checked: !this.state.checked }) ...
Wanderson Bueno's user avatar
-1 votos
1 resposta
2mil visitas

Pegar dados de um array React Native

Preciso pegar dados de uma array do servidor para mostrar ao usuário. A é uma mostrar como se fosse um feed de uma rede social, mas está mostrando os mesmos conteúdos repetidas vezes. ...
Joicy Albuquerque's user avatar
-2 votos
1 resposta
966 visitas

Erro ao Tentar Rodar projeto React Native no dispositivo físico Android

Estou tentando iniciar um projeto react-native há 3 dias no meu PC para rodar no meu dispositivo físico Android. Ao rodar o projeto com npx react-native run-android aparecem os seguintes logs: info ...
Mateus's user avatar
  • 3
-2 votos
2 respostas
800 visitas

Erro de instalação/Inicio de projeto com react-native

Estou tentando iniciar um projeto react-native há 2 dias no meu PC para rodar no meu dispositivo físico Android. Ao rodar o projeto com npx react-native run-android aparecem os seguintes logs: info ...
Mateus's user avatar
  • 3
-1 votos
1 resposta
190 visitas

Exibir inputText de acordo com a quantidade selecionada no Picker React-native

Tenho o seguinte problema. Tenho um componete Piker com a quantidade e quero que a partir da seleção da quantidade eu obtenha o mesmo numero de TextInput definido pela seleção da quantidade. ...
Henrique Maia's user avatar
0 votos
1 resposta
497 visitas

Não estou conseguindo obter o token com AsyncStorage no React Native

Tentei usar async/await e também não deu certo. Então tentei com callback. Num primeiro momento consigo visualizar o token com console.log(item), porém console.log(token) retorna undefined. Como posso ...
Robert Vitoriano's user avatar
-1 votos
2 respostas
63 visitas

Problemas com React-Native [fechada]

Olá, eu estava instalando o react-native no meu PC, quando fui dar "npx react-native run-android" dentro da pasta do projeto, ele da um erro:
Erickson Vital's user avatar
-1 votos
1 resposta
183 visitas

Exibindo o erro do banco no fetch

Bom dia. Quero exibir o erro 400 no front(RN) que o back(node) fornece, usando o fetch. function add(){ fetch(`http://localhost:3000/AOTT7C1TT75a8s5RH1TR/${desc._id}/skaoskao`,{ method: '...
S99's user avatar
  • 35
3 votos
1 resposta
485 visitas

Como usar Deep-linking no React Native?

Como passar uma URL nesse formato https://www.google.co.uk/?code=3a549132-8966-4ae1-a951-7e873452df3c&state=febe0bc9-8b38-4a78-a122-7e36c398a14a pelo navegador de maneira que abra o aplicativo e ...
João pedro's user avatar
2 votos
1 resposta
369 visitas

Axios: params em GET não funciona - React Native

Tenho um banco de dados em mongo com clientes e estabelecimentos. Quero recuperar os estabelecimentos filtrados por categoria. Meu código está assim: const [datas, setDatas] = useState([]) //recupera ...
Joseph Isaac's user avatar
2 votos
1 resposta
5mil visitas

Como criar um array de objetos com o useState do React

Estou tentando fazer o seguinte procedimento no React Native, com o Expo: Tenho alguns dados armazenados no AsyncStorage do dispositivo. O código abaixo me retorna o seguinte resultado: CÓDIGO ...
Luan Luiz's user avatar
0 votos
1 resposta
640 visitas

Problema ao tentar chamar uma função dentro do onPress - React Native

Olá, Ao tentar chamar uma função que tem uma hook call aparece o seguinte erro: E aqui está o trecho do código: currentLocation.js import React, {useState} from 'react' export function locationUser(){...
Luh 's user avatar
  • 103
0 votos
2 respostas
5mil visitas

Como trocar a cor de um texto de acordo com o estado do objeto?

Como eu poderia trocar a cor do texto de acordo com o estado do objeto, por exemplo: const pagamento = [ { id: '1', title: '30/05/2020', state: true }, { id: '2', ...
Igor Felipe's user avatar
0 votos
1 resposta
392 visitas

Função Keyboard.dismiss() não funciona

Estou tentando fazer com que o teclado virtual desapareça quando pressionado qualquer parte da tela no React Native, porém não funciona. Já tentei colocar esta função nas views, texts e até mesmo ...
Wander's user avatar
  • 11
0 votos
1 resposta
984 visitas

Retorno de onPress dentro de components

Boa noite. Estou com um probleminha com o retorno de um OnPress de um TouchableOpacity, dentro de um elemento. Basicamente, às vezes ele retorna a ação, mas, na maioria das vezes não. O código está ...
Gustavo G.'s user avatar
-1 votos
1 resposta
298 visitas

Permissão do android ao usar o CameraRoll para salvar foto na galeria usando React-Native

Estou criando um aplicativo de wallpaper, porém a parte mais importe que é o botão de download não consigo fazer funcionar, estou usando o TouchableOpacity e dentro crio a função <TouchableOpacity ...
Tierry Barros's user avatar
1 voto
1 resposta
2mil visitas

Notificações Push com Expo e React Native

Estou desenvolvendo um App que precisa notificar o usuário, estou usando Expo e React Native para desenvolver Seguindo a Documentação do Expo eu consigo notificar corretamente com: import * as ...
Geovane's user avatar
  • 69
0 votos
1 resposta
866 visitas

Adicionar atributo em um json

Como eu faço pra adicionar um atributo a mais em todos os elementos de um JSON que eu recebo, pra depois exibir na tela? Quando eu tento fazer um map no JSON que eu recebo da requisição e adicionar o ...
Matheus Saleh's user avatar
0 votos
1 resposta
2mil visitas

React Native - text input não perde o foco

Coloquei um <TextInput/> para fazer a ação de busca no meu projeto, mas depois que eu clico nesse <TextInput/>, o foco não sai mais dele, não importa onde clique na tela, a função onBlur() ...
Alexsander Sarmento's user avatar
0 votos
1 resposta
807 visitas

Como mudar um state de um component no react navigation

Eu preciso mudar um state dentro de uma função do react navigation, esse state vai alterar um comportamento no component function TabOneNavigator({navigation}) { React.useEffect(() => { ...
Guilherme Freire's user avatar
-1 votos
1 resposta
136 visitas

Como eu atualizo automaticamente um state no React Native?

Eu sou novo no React Native, eu estou desenvolvendo um app para o TCC e minha ideia é desenvolver um app que vai ajudar pessoas idosas ou qualquer grupo com dificuldades a aprender um pouco do mundo ...
Gabriell Silva's user avatar
0 votos
1 resposta
2mil visitas

Manipulando botões em react.js

estou criando um pequeno sistema de tarefas para um colaborador na empresa onde trabalho, o mesmo deve exibir as tarefas que devem ser concluidas no dia, ate ai eu consegui exibir as tarefas o meu ...
Vinicius Lima's user avatar
-2 votos
1 resposta
229 visitas

Passar state de uma classe para um Modal em React Native

Estou iniciando em React Native e estou com um problema, vou colocar os prints para ficar mais fácil. Tenho uma tela chamada Perguntas, que tem um state inicial, e essa tela abre um modal chamado ...
Johann Arouca's user avatar

1
3 4
5
6 7
15