Skip to content

App React Native para estudo desenvolvido com o canal Sujeito Programador

Notifications You must be signed in to change notification settings

gabrielsouzas/financa-react-native-app

Repository files navigation

App Finanças com React Native

Print Screen App

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.

About

App React Native para estudo desenvolvido com o canal Sujeito Programador

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published