Skip to content

Protótipo de um aplicativo móvel para o Programa de Aquisição de Alimento do Estado do Ceará – PAA - Leite.

Notifications You must be signed in to change notification settings

Moizez/MilkPoint-App

Repository files navigation

mk-banner-git

MilkPoint | Mobile

Protótipo de um aplicativo móvel para o Programa de Aquisição de Alimento do Estado do Ceará – PAA - Leite.

React native

Índice

Apresentação

Este projeto foi realizado para obtenção do título de Analista de Sistemas à banca examinadora do Curso de Análise e Desenvolvimento de Sistemas, do Instituto Federal de Educação, Ciência e Tecnologia do Rio Grande do Norte além de se tornar um projeto de extensão no mesmo instituto mencionado.

Guia

Em caso de dúvidas consulte de como testar a aplicação, acesse este guia de uso.

Demonstração

Tela de Login e Logout

1 - Tela de login        2 - Tela de logout

Tela de Inicial do Produtor e Laticínio

3 - Tela inicial produtor        4 - Tela inicial do laticínio

Tela de Inicial do Responsável e Técnico

5 - Tela inicial do responsável        6 - Tela inicial do técnico

Instalação

  # Tendo em mente que você já tem instalado o NPM e o Yarn, primeiro faça o clone ou faça o download deste repositório:
  $ git clone https://github.com/Moizez/Milk-Point.git

  # Em seguida abra o terminal na pasta do projeto e execute o comando abaixo para instalar as dependências.
  $ npm install ou yarn

   # Dê um link completo pra que os icons fiquem visíveis no projeto.
   $ react-native link

  # Execute no dispositivo movel
  $ npx react-native run-android

Obs: Em caso de dúvidas consulte a documentação oficial do react native.

Passo Adicional no Android

Para que os gestos sejam habilitados no Android é necessário um passo a mais, que é bem simples, abra o arquivo android/app/src/main/java/<pacote_do_projeto>/MainActivity.java, e começe importando os pacotes como abaixo:

// ...
import com.facebook.react.ReactActivity;
// Importações adicionadas
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

Feito a importação vamos criar um método novo, logo abaixo do getMainComponentName(), ficando:

public class MainActivity extends ReactActivity {
  @Override
  protected String getMainComponentName() { ... }
  // Método adicionado
  @Override
  protected ReactActivityDelegate createReactActivityDelegate() {
    return new ReactActivityDelegate(this, getMainComponentName()) {
      @Override
      protected ReactRootView createRootView() {
        return new RNGestureHandlerEnabledRootView(MainActivity.this);
      }
    };
  }
}
  

Tecnologias

Tecnologias Versão
react 16.13.1
react-native 0.63.2
react-native-gesture-handler ^1.8.0
reactotron-react-native ^5.0.0
styled-components ^5.1.1

Contato

Moisés Henrique | Analista de Sistemas

About

Protótipo de um aplicativo móvel para o Programa de Aquisição de Alimento do Estado do Ceará – PAA - Leite.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published