nathangabriel27 / Desafio-WMBR

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hermy

Codando com React Native criamos uma aplicação utilizando modelo do figma do app Hermy.

💻 Desafio 💻

  • Desenvolver uma aplicação React Native que seja fidedigna ao prototipo criado no figma.

📚 Bibliotecas 📚

  • Expo

Não foi detalhado se era para usar ou CLI ou Expo, porem utilizei o Bare Workflow que permite que eu execute o codigo nativo e ainda me permite acesso aos recursos do Expo.

link explicativo.

https://docs.expo.io/introduction/managed-vs-bare/
  • React Navigation Utilizado para fazer a navegação entre as telas.

link

https://reactnavigation.org/
  • react-native-tab-view Utilizado para criar tabs lado a lado.

link

https://github.com/satya164/react-native-tab-view
  • expo-font Utilizado para carregar as fontes personalizadas.

🎩 Reprodução

Um gerenciador de pacotes como o yarn ou npm para baixar as dependências do projeto.

Documentação npm:

https://www.npmjs.com/get-npm

Documentação yarn:

https://classic.yarnpkg.com/en/docs/install/#windows-stable

Instalar o Expo CLI

Usando npm para a instalação do Expo

npm install -g expo-cli

Usando npm para a instalação do Expo

yarn global add expo-cli
  • Agora so usar Git para clonar o repositório.
  • Executar no terminal:
$ git clone https://github.com/nathangabriel27/Desafio-WMBR
$ cd Desafio 
$ yarn or npm install
$ sudo expo start
  • Apos a aplicação executar basta abrir o app da expo e escanear o QR code que a aplicação ira rodar no celular.

Documentação Expo com os passos

 https://docs.expo.io/get-started/installation/

Thanks 👋🏽!!

About


Languages

Language:JavaScript 81.3%Language:Java 9.8%Language:Objective-C 5.8%Language:Starlark 2.2%Language:Ruby 0.7%Language:Swift 0.1%