28
votos
Aceito
React Native ou Ionic?
Deve saber que ambos tentam resolver o mesmo problema de facilitar o desenvolvimento cross-platform usando tecnologias web.
React Native tende ser mais rápido porque usa os componentes nativos sempre. ...
12
votos
Alguem sabe me explicar o processo de gerar uma apk no React Native
Para gerar uma apk ~signed~ você precisa primeiro gerar a .keystore.
Esse passo é bem simples. Apenas vá até onde você colocou sua jdk (C:\Program Files\Java\jdkx.x.x_x\bin - nesse caso fiz com ...
11
votos
React Native ou Ionic?
Ionic é um framework JS para fazer aplicações híbridas usando HTML, CSS e JS.
Você precisa usar plugins adaptados e APIs para utilizar as funções nativas do aparelho.
Já o React Native é uma ...
9
votos
Quais as reais diferenças em criar um projeto com Expo e sem Expo?
Projeto com Expo
O Expo faz o papel de compilador do seu app: ele substitui a Android SDK e o Xcode por um método próprio, portanto, você não precisa configurar nada. Entretanto, o Expo nos 'limita' (...
9
votos
Aceito
Quais as reais diferenças em criar um projeto com Expo e sem Expo?
Resumo
Se vale a pena ou não iniciar um projeto com Expo, depende muito. Dependendo das necessidades do seu app, precisará ir apenas com React Native. Dependendo, pode ou não escolher o Expo.
Em 2021, ...
8
votos
undefined is not an object (evaluating 'RNGestureHandlerModule.State')
Isso acontece por conta de um problema com a versão 3.0. Eu recomendo a utilização da versão 2.18.2
Passos para o downgrade:
> npm uninstall react-navigation
> npm install react-navigation@2....
7
votos
Para que serve e como definir a prop "key" no React?
Para que serve essa propriedade key
Para identificar de forma única cada elemento ou componente que vai ser criado, alterado, excluído e/ou selecionado a partir de uma lista de valores (array), ou ...
6
votos
Aceito
Ajuda com react native
Crie um arquivo chamado local.properties e vá até a pasta android do seu projeto do ReactNative.
A extensão do arquivo deve ser .properties.
Coloque a seguinte configuração dentro do arquivo:
sdk....
6
votos
Aceito
Qual a melhor forma de fazer Login no aplicativo via facebook e login em um servidor rest(spring boot)?
Se você integra a autenticação da sua aplicação com o Facebook, e a sua aplicação não é uma app específica para o Facebook, então você utiliza o protocolo OAuth.
Existe muito o que se falar e estudar ...
6
votos
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`
Está faltando a prop keyExtractor para poder extrair a key de cada item, por exemplo:
<FlatList
horizontal={true}
ItemSeparatorComponent={() => <View style={{width: 5}} />}
...
6
votos
Aceito
React Native - Schedule Local Notifications
Cria uma notificação para cada dia:
// toda terca a partir de hoje, essa hora
d = new Date();
d.setDate(d.getDate() + (2 + 7 - d.getDay()) % 7);
PushNotification.localNotificationSchedule({
//... ...
5
votos
Aceito
Precisa ficar usando o android studio para programar em react native
Você pode programar em react-native em qualquer IDE, o Android Studio lhe fornece o emulador, mas você pode baixar um emulador separado, exemplo Genymotion e desenvolver em outro editor...
Caso você ...
5
votos
Aceito
Como mapear entidades json?
Usando o pacote deep-map-keys você pode alterar todas as chaves de um objeto recursivamente assim:
import deepMapKeys from "deep-map-keys";
let response = {
data: {
lastUpdate: {
name: "...
5
votos
Async/await javascript
Primeiro você terá que criar um método estático para poder acessá-lo sem criar uma instancia de Backend utilizando static.
Agora para poder utilizar await você precisará usar promises. Você poderia ...
5
votos
Aceito
undefined is not an object (evaluating '_this.props.navigation.navigate') React Native
O que deve estar acontecendo é o seguinte, quando você utiliza o React Navigation, o "navigation" é passado como props para as páginas que você colocar na rota. Porém, dentro desta página, os ...
5
votos
Aceito
Rodar aplicativo React Native em um iphone com computador Windows
Fala meu, é possível sim. Vou responder sua pergunta e falar sobre outras formas de emular o iOS. Uma delas seria alugar um mac na nuvem. Há várias empresas que trabalham nesse seguimento, mas essa ...
5
votos
Erro no android SDK “License for package Android SDK Platform 28 not accepted.”
Melhor solução:
yes | sdkmanager --licenses
5
votos
Aceito
Warning: componentWillReceiveProps has been renamed
De acordo com a documentação do React alguns métodos do ciclo de vida de um componente React serão descontinuados, eles recomandam utilizar o npm codemod para renomear esse métodos.
Passos:
npm i -g ...
4
votos
Aceito
Como fazer login com Facebook no React Native no novo formato?
Após alguma (longa) pesquisa, consegui resolver meu problema, então, segue aqui a solução para futuras buscas:
O Login com Facebook é fornecido pela api Expo, assim, é necessário instalá-la:
npm ...
4
votos
App em react native não atualiza
Para resolvermos o problema da tela vermelha ao tentarmos dar reload na nossa aplicação devemos fazer o seguinte.
Devemos subir o serviço do node numa porta separada através do comando "react-native ...
4
votos
Aceito
Sugestões de comandos no VSCode
Vc também pode criar seus próprios snippets
Vai em File > Preferences > User Snippets no prompt que abrir vc escolhe JavaScript por exemplo e cria seus binds.
Olha o exemplo abaixo: (nesse caso o "...
4
votos
Como salvar os dados com AsyncStorage
Para soluções de pequeno porte eu gosto de usar a lib react-native-simple-store
Ou vc pode criar um arquivo, como exemplo o meu storage.js, e importar o index.js do próprio simple-store
import { ...
4
votos
Aceito
Retirar espaço no final de uma palavra
Chame o método trim da string antes de usá-la.
Experimente:
let foo = 'natação ';
console.log(foo.trim());
O método trim remove todos os espaços no fim da string, caso haja mais de um.
4
votos
Aceito
Backend com banco de dados mysql e frontend em javascript(react-native)
Pedro, acredito que o seu caso seja um pouco mais embaixo. Não sei o que pretende desenvolver, que tipo de serviço pretende, mas o ideal seria você separar as camadas sim, seguindo esse conceito:
...
4
votos
Aceito
Requisição HTTP React Native
Você pode usar mais ou menos assim
componentDidMount() {
setInterval(() => this.GetStatus(), 10000);
}
function GetStatus(){
fetch('https://recivida-dados.codeanyapp.com/response.json')
....
4
votos
Aceito
ERRO REACT-NATIVE
Primeiro tente realizar os passos do erro:
Limpe os watches do watchman: watchman watch-del-all
Apague a pasta node_modules: rm -rf node_modules && npm install ou apague normalmente se ...
4
votos
Aceito
Como atualizar uma variavel na tela no React-Native?
Para alterar o estado no React é usado o setState que irá evoluir o estado atual para um novo estado, então no lugar de this.state.teste = 'blabla' deve-se usar this.setState({teste: 'blabla'}). Até ...
4
votos
Aceito
Separar JSX do componente - React Native
Não faz muito sentido fazer isso pois o Angular tem uma estrutura de MVC e o react não, o maximo que você pode fazer é criar dois componentes. Um que apenas renderiza components apartir das props e ...
4
votos
Como ter múltiplas linguagens em um único aplicativo?
Existem múltiplas formas de fazer isso, e o assunto me parece um pouco com micro frontends, mas mobile e um tanto mais complexo.
React Native ou Flutter + Nativo
Tanto o Flutter quanto o React ...
4
votos
Aceito
Can't find variable: styled StyledComponents React Native
Pela mensagem de erro, parece que faltou importar o styled components para o seu arquivo de estilos. Aqui tem um exemplo de:
import styled from "styled-components/native";
export const ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
react-native × 746react × 242
javascript × 239
android × 77
react-navigation × 69
expo × 50
react-hooks × 44
mobile × 39
node.js × 34
firebase × 32
typescript × 31
axios × 30
redux × 19
api × 17
android-studio × 16
ios × 16
react-router × 13
css × 11
array × 11
styled-components × 11
asyncstorage × 11
npm × 10
json × 8
linux × 7
xcode × 6