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.
716 perguntas
0
votos
0
respostas
70
visitas
Comportamento indesejado com KeyboardAvoidingView em React Native
O bug ocorre em uma tela de login, onde todo o conteúdo está dentro de uma KeyboardAvoidingView
return (
<KeyboardAvoidingView
style={styles.container}
behavior={Platform.OS === "ios"...
-2
votos
0
respostas
61
visitas
Erro ao tentar acesar a câmera com requestPermissions no React Native [fechada]
Estou tentando implementar a câmera no meu aplicativo React Native usando a biblioteca RNCamera. No entanto, estou enfrentando um erro relacionado ao requestPermissions. O aplicativo não consegue ...
-4
votos
1
resposta
601
visitas
React Native com expo não tem mais arquivos .js
Fala galera!
Recentemente criei um projeto em React Native com Expo e notei que os arquivos criados agora são diferentes. Não tem mais o arquivo App.js agora é outro arquivo em uma outra pasta com ...
-2
votos
1
resposta
316
visitas
Atualizar dados do formulário com React hook form e Yup
Eu tenho um campo do formulário
<Controller
control={control}
name="name"
render={({ field: { value, onChange } }) => (
<>
<...
0
votos
1
resposta
145
visitas
Expo React Native quando clico para abrir o modal, o expo reinicia fechando o app
Pessoal peço a ajuda de você, quando clico no meu modal o expo simplesmente reinicia o app, vou postar o codigo!
import { useNavigation } from '@react-navigation/native';
import React, { useState, ...
-1
votos
1
resposta
108
visitas
Lentidão em onPress - Pressable - React native
Recentemente comecei a estudar React Native, e estou fazendo um APP de Agendamento!
Mas estou enfrentando um problema de lentidão quando eu clico em um Pressable dentro da listagem.
Primeiro eu fiz a ...
-3
votos
1
resposta
221
visitas
Estou com problemas com React Vision Camera, quando mudo de uma tela e abro a câmera novamente
Olá! quando eu abro a câmera na tab2 (do bottom tab navigator), a camera funciona corretamente, tira foto, salva foto etc... porém, se eu trocar de tela, quando não houver tirado uma foto, e voltar ...
2
votos
0
respostas
180
visitas
Como colocar uma variável em <Imagem source={}/> em React Native? [fechada]
Estou fazendo um aplicativo React Native e estou tentando colocar uma variável na IMAGE SOURCE
<FlatList
style={{ flexDirection: "row" }}
data={props.carregador}
keyExtractor={...
-3
votos
1
resposta
54
visitas
eu estou tendo problemas ao iniciar o React
ao tentar iniciar o react ele diz que "package.json" não esta sendo encontrado em "C:\Users\admin\Downloads\Projeto-QUIS-main"; irei colocar imagens abaixo para ajudar a ...
1
voto
0
respostas
70
visitas
Não estou conseguindo redenrizar o componente da biblioteca RecyclerListView react-native com expo
estou tentando renderizar um componente da biblioteca RecyclerListView e escrevi o seguinte codigo:
import { useContext } from 'react';
import { Dimensions, View, Text } from 'react-native';
import { ...
-2
votos
2
respostas
3mil
visitas
AxiosError: Network Error
estou usando react native e ao tentar consumir uma api utilizando emulador de android vi que o ip a ser usando em vez de localhosto seria esse abaixo:
import axios from 'axios';
const api = axios....
0
votos
1
resposta
660
visitas
Captura de TextInput em React Native
Preciso realizar uma validação simples de dados escritos em dois inputs no React Native. Um login e uma senha. Os dois são passados como parâmetros para uma função que vai verificar se os dados são ...
0
votos
1
resposta
135
visitas
Quando usar a palavra function para exportar um componente no React Native
Estou aprendendo React Native a pouco tempo, e como padrão de exportação de componente tenho visto dessa forma:
const Componente = () => {
};
export default Componente;
porém, me deparei com a ...
-4
votos
1
resposta
117
visitas
Cometário estilo Instagram ( em React Native)
tenho uma dúvida que imagino que seja simples, porém não estou conseguindo, gostaria de saber como posso fazer isso no React Native.
Segue a imagem como exemplo:
São dois textos, um em negrito (nome ...
2
votos
0
respostas
278
visitas
Erro quando eu inicio o ambiente android no react-native
Executei esses passos no meu projeto do react-native:
1) Instale o expo (se você chegou até aqui por meio deste curso, já tem o expo instalado e pode pular para o passo 2).
npm install -g expo-cli
2) ...
1
voto
0
respostas
97
visitas
Qual a melhor maneira de implementar a lógica de autenticação em um aplicativo React Native com Redux?
Estou trabalhando em um aplicativo React Native que utiliza o Redux para gerenciar o estado global. Eu gostaria de implementar a lógica de autenticação no meu aplicativo, mas estou um pouco perdido em ...
0
votos
0
respostas
62
visitas
Como fazer o valor de um TextInput inserido no componente A aparecer como valor de um outro TextInput num componente B? (react Native)
//exemplo componente A (fica numa pasta diferente do componente B)
...
const [carro1, setCarro1] = useState('');
<View>
//valor a ser repetido no TextInput do componente B
<TextInput
...
-4
votos
1
resposta
77
visitas
Está buscando uma lista do banco de dados e somente no renderItem dá Objeto não definido, alguém me ajude por favor! [fechada]
import React, { useEffect, useState } from "react";
import { FlatList, SafeAreaView, View, StyleSheet, Image, Text } from "react-native";
import ItemList from './itemList.js';
...
-1
votos
1
resposta
125
visitas
Como passar uma função da classe App para outro arquivo (React)
Quero fazer meu modal fechar e voltar ao menu criado no arquivo App.
import './styles/menu.css'
import Calculator from './Pages/Calculator'
import { useState } from 'react'
function App() {
const ...
0
votos
0
respostas
202
visitas
Qual o motivo para uma declaração context.provider no React Native dar erro na compilação?
Estou tentando usar um contexto global em react native e não estou tendo sucesso.
Mais especificamente, no momento, está dando um erro na compilação que não estou conseguindo entender.
no meu arquivo ...
0
votos
0
respostas
103
visitas
useState React Nativo
Estou começando no React Native e estou travado em um problema com useState, tenho uma api que me retorna esse dados:
[
{
"id": "1c0e5f9e-4228-4bef-a639-301f27b20c7e",
...
0
votos
1
resposta
817
visitas
Como posso forçar a atualização de um estado no React Native?
Eu tenho em uma tela 4 inputs que enquanto são preenchidos, com o onChangeText os seus valores serão somados, para que esta soma possa ser subtraída com o valor total da compra e mostrar em um input, ...
-1
votos
1
resposta
595
visitas
capturar valores textinput para realizar as operações
Olá sou iniciante em React Native e estou com um projeto simples, necessito pegar os valores digitados pelo usuário, mandar para um aruivo de controle e realizar o calculo de preço mas travei ao pegar ...
-2
votos
1
resposta
114
visitas
Atualização da data em um app no React
Olá, estou fazendo um app de notas e gostaria de, quando eu atualizo minha nota no modal, que a data também altere - e seja a mais recente. Consigo ver no console.log certinho a data atualizada, mas ...
3
votos
1
resposta
182
visitas
Mudar o estado pelo "current" ou pelo próprio valor do estado? Faz alguma diferença?
Aprendi a alterar dessas duas formas:
const [switch, setSwitch] = useState(false);
setSwitch(!switch); // 1
setSwitch(currentState => !currentState); // 2
Há alguma ...
0
votos
0
respostas
812
visitas
Validação simples de Login com React Native
Boa tarde pessoal! Alguem pode me ajudar nessa validação para login simples com React native, só gostaria de verificar se os valores existem no banco, e caso houver, logar, minha api está assim:
...
1
voto
0
respostas
80
visitas
Onde corrijo meu código para poder navegar entre telas?
estou fazendo um simples app com react native. Ele possui uma tela de login e uma tela home. Gostaria que ao clicar no botão login, o usuário seja redirecionado para a página home. Porém o código ...
-1
votos
1
resposta
1mil
visitas
Erro ao fazer build react native
estou com problema na seguinte situacao ao fazer um build do app react native, retorna a mensagem descrita abaixo,
informando que isso ocorre a menos de uma semana e o app ja esta na versao 1.9 sem ...
-2
votos
1
resposta
289
visitas
Atualizar tela aplicativo react native quando dados da api mudam
Olá,
Se alguém puder me ajudar eu agradeço eu preciso fazer a aplicação atualizar automaticamente quando os dados do backend são atualizados, nessa parte do código se eu salvar o código ele recarrega ...
-2
votos
1
resposta
330
visitas
Qual o jeito correto de carregar dados do AsyncStorage ao carregar o Aplicativo?
Estou tendo problemas ao carregar dados do AsyncStorage, pois ele está sendo sempre carregado por ultimo, independente da ordem de execução.
import React, {useState, useEffect} from 'react';
import ...
0
votos
2
respostas
2mil
visitas
Android build falhou com eas
quando eu executo o comando eas build --platform android eu vejo esse erro:
✖ Build failed
🤖 Android build failed: Gradle build failed with unknown error. See
logs for the "Run gradlew" ...
-2
votos
0
respostas
117
visitas
crash forçando reload no app [fechada]
Durante uma operação de pagamento com SDK (Cielo e SafraPay), nosso app está sofrendo um reload aparentemente em casos aleatórios ou esporádicos.
Não consegui reproduzir em ambiente Dev, mas o nosso ...
0
votos
1
resposta
185
visitas
Use state retorna undefined
não entendo por que meu state não tras nada no params, mas funciona no console.log
useEffect(() => {
async function loadProducts() {
const response = await api.get('/product/category', {...
0
votos
1
resposta
106
visitas
Como passar mais de um filho para componente pai no React Native
No meu App desenvolvido com React Native usando TypeScript, tenho um componente de função que gostaria que recebesse 2 filhos, mas gostaria de escolher onde eles vão aparecer no componente pai. Por ...
-1
votos
0
respostas
88
visitas
API que retorna o valor de uma ação nos últimos dias em JSON [fechada]
Estou fazendo um projeto ligado ao mercado financeiro em react-native e até o momento só achei APIS que me retornam o valor atual de uma ação. Preciso de uma que me retorne os valores que essa ação ...
-4
votos
1
resposta
58
visitas
Está Selecionando todos <li> com condicional Styling (React)
Estou Com problema , estou desenvolvendo uma lista de tarefas em React , só que na hora de sublinhar tarefas , ele sublinha todas até as que não estão marcadas no checkbox
abaixo vou disponibilizar o ...
2
votos
0
respostas
544
visitas
Como navegar entre telas no React Native?
Seguinte, tenho um arquivo de rotas, app.routes.js, nele criei um MaterialBottomTabNavigator e está funcionando perfeitamente. Mas estou com a seguinte duvida. Por exemplo, dentro da minha tela de &...
0
votos
0
respostas
32
visitas
Percorrer array verificando props existentes e retornar um novo array, com um objeto para cada prop existente [duplicada]
Possuo um array de objetos em que cada objeto é uma transação com quantia, data e tipo:
Array [
Object {
"amount": 2000,
"date": "August 2022",
"...
-2
votos
2
respostas
1mil
visitas
Como enviar imagens e campos de texto para api em nodejs com react-native
Galera, estou tentando enviar um array de imagens e campos em texto para minha API feita em NodeJs com Express, porem não estou conseguindo.
Estou recebendo todas as informações no body da requisição, ...
0
votos
0
respostas
404
visitas
Possivelmente, o objeto é 'nulo'.ts(2532) - React Native
Quando vou chamar a função takePictureAsync acusa um erro dizendo que camRef.current. é Possivelmente, o objeto é 'nulo'., já tentei várias coisas para resolver esse erro mas nenhuma funciona, ...
-2
votos
2
respostas
1mil
visitas
React-native, imagem não aparece
estou iniciando no react, peguei um projeto pequeno e simples, mas tem coisas que mesmo fazendo totalmente igual não está rolando, a imagem simplesmente não aparece.
Meu arquivo App.js
import react ...
-4
votos
1
resposta
135
visitas
Como resolver o problema com módulo crypto em RN
Estou usando o módulo mysql2 na construção de um app com React Native, e ao executar chamadas ao banco no ambiente do Node vai normalmente, porém ao fazer isso com o epp em execução apresenta um erro ...
-4
votos
1
resposta
192
visitas
Como analisar a demora do start de uma aplicação React Native?
Tenho notado que está demorando muito tempo para meu APP inicializar (9 segundos) até cair na pagina inicial, isso em release mode (em debug também leva bastante tempo). Durante esse tempo fica uma ...
-1
votos
1
resposta
156
visitas
Usar um prop do componente no style dele
To querendo fazer um componente geral que possa ser alterado conforme as necessidades no meu projeto (treino). Do jeito que estou fazendo a variavel passada não é reconhecida no styles. É possível ...
0
votos
1
resposta
34
visitas
mudar o flexDirection com useState react-native
estou tentado fazer o flexDirection alternar entre 'row' e 'column' em um clique(um clique vai pra 'row', outro clique vai pra 'column'), o problema é que quando muda para o 'column' eu tenho que dar ...
-2
votos
1
resposta
75
visitas
Can't get my data back after search (React Native)
The search works fine but after search something can't get the information back.
I'm using Coingecko API with axios.
Can someone help me with this please?
My App.js:
import React, { useRef, useMemo, ...
-4
votos
1
resposta
617
visitas
Meu Expo está preso numa instalação infinita, me ajudem?
Oii gente, estou tentando configurar o android studio pra poder programar com o react native, porem to com dificuldade em instalar o expo nele, eu já consegui abrir o emulador mas quando vou dar o ...
-1
votos
1
resposta
146
visitas
Usando o navigation condicionalmente react-native
Estou enviando dados para uma API e ao receber tudo ok gostaria que direcionasse o usuário para outra página, porém, se der algum erro, exiba um modal de erro e um HelpText de baixo dos inputs e ...
0
votos
1
resposta
353
visitas
Colocar ScrollView Horizontal quando as views lado a lado atingirem o height
Boa tarde, estou usando react native, e estou criando uma view aonde fica um elemento do lado do outro, com três fileiras uma abaixo da outra, e queria colocar o scrollview horizontal para quando as ...
-2
votos
1
resposta
412
visitas
Não consigo rodar meu projeto em react native no meu celular
Estou criando uma aplicação em react native, que é um projeto de uma pokedex, que recebe informações da API do pokemon e mostra na tela as informações. Não estou conseguindo usar o meu celular para ...