gabrielsouzas/financa-react-native-app

App React Native para estudo desenvolvido com o canal Sujeito Programador

App Finanças com React Native

Este projeto foi criado seguindo o video Criando app finanças passo á passo com React Native.

Seu principal objetivo é desenvolver um aplicativo React Native com Expo, usando o Expo Go para visualização em tempo real, além das bibliotecas de animações Moti e React Native Reanimated.

🔧 Pré-requisitos

• Node.js
• Expo CLI
• O aplicativo Expo Go instalado no celular, que pode ser adquirido na Play Store.

🚀 Iniciar o projeto

1. Abra o seu prompt, navegue até a pasta onde pretende criar o seu aplicativo e execute o comando abaixo:

   npx create-expo-app financa-react-native-app

2. Navegue até o diretório do projeto:

   cd financa-react-native-app

3. Instale as dependências para a criação das animações:

   npx expo install moti
   npx expo install react-native-reanimated

   Comentários:

   Foi adicionado react-native-reanimated/plugin plugin no babel.config.js.

   module.exports = {
     presets: [
       ... // don't add it here :)
     ],
     plugins: [
       ...
       'react-native-reanimated/plugin',
     ],
   };

   Também foi inserido o import do react-native-reanimated no arquivo App.js para que o aplicativo possa usar a biblioteca.

4. Inicie o servidor Expo:

   npx expo start

5. Abra o aplicativo Expo Go em seu dispositivo móvel e escaneie o QR Code.