RCout1nho/Nubank_React-Native

Esse projeto recria a interface principal do app da Nubank.

Resultado do projeto

Tela primária

Tela secundária

Este projeto utiliza efeitos de animação

Instalar React Native

Siga os passos desse tutorial para fazer a instalação correta.

Criando o projeto

Para esse projeto, é utilizado o template fornecido pela RocketSeat®, cuja documentação é encontrada aqui.

Iniciar o projeto

react-native init <nome-do-projeto> --template rocketseat-basic

Instalar dependências

• react-native-svg (Necessáira para utilização de react-native-qrcode-svg)

  yarn add react-native-svg

• react-native-qrcode-svg

  yarn add react-native-qrcode-svg

  react-native link react-native-qrcode-svg

  Pare a execução do react-native start e reinstale o programa no emulador com:

  react-native run-android

• react-native-vector-icons

  yarn add react-native-vector-icons

• react-navigation

  yarn add react-natigation

• react-native-gesture-handler

  yarn add react-gesture-handler

Configurando um emulador

Para executar o programa em um emulador, basta iniciar o emulador, e seguir os seguintes passos no seu terminal:

• Entrar na pasta do projeto criado.
• Para executar em um emulador Android: react-native run-android
• Para executar em um emulador Ios: react-native run-ios (Caso apresente algum erro, acesse a documentação do react native)

Executando o projeto no emulador

Dentro da pasta do projeto execute o seguinte comando no terminal: react-native start

Se você estiver usando uma distribuição Linux e esse comando retornar algum tipo de erro na execução, utilize:

sudo react-native start