React Native - Nubank

Aplicação Nubank usando React Native, React Navigation, React Native Gesture Handler, React Native Vector Icons, styled-components, react-native-iphone-x-helper, react-native-qrcode-svg, react-native-svg e react-native-reanimated.

Índice

• Capturas de Tela

  • Card

  • Menu

• Desenvolvimento

  • Configuração do Ambiente

  • Instalação do Projeto

  • Execução do Projeto

• Utilizados no Projeto

  • Bibliotecas

Capturas de Tela

Card

Esta é a tela inicial, quando arrasta o card para baixo, aparece o menu que está por trás dele, sendo possível também fazer a rolagem horizontal nas tabs do rodapé.

Menu

É o menu que aparece quando o card é arrastado para baixo.

Desenvolvimento

Configuração do Ambiente

Clique aqui e siga Configuração de Ambiente.

Instalação do Projeto

Clique aqui e siga Instalação de Projeto.

Execução do Projeto

Clique aqui e siga Execução de Projeto para Desenvolvimento.

Utilizados no Projeto

Bibliotecas

• Axios

• Babel Root Import

• babel-eslint

• ESLint

• ESLint plugin for React Native

• eslint-import-resolver-babel-plugin-root-import

• prop-types

• React Native Gesture Handler

• React Native Vector Icons

• React Navigation

• react-native-cli

• react-native-iphone-x-helper

• react-native-qrcode-svg

• react-native-svg

• react-native-reanimated

• reactotron-react-native

• styled-components