Skip to content

tonihm96/rotary-dial-input

Repository files navigation

Rotary Dial Input

📄 Descrição

Esse projeto é um aplicativo desenvolvido com React Native e Expo que permite ao usuário inserir um número PIN usando um dial rotativo semelhante ao de um telefone antigo.

O projeto foi baseado no tutorial abaixo.
🔗 Link

💡 Funcionalidades

  • O usuário pode girar o disco para inserir cada dígito do PIN
  • O aplicativo valida automaticamente o PIN inserido após o usuário inserir todos os 4 dígitos

📑 Como executar o projeto

  1. Certifique-se de ter o ambiente de desenvolvimento React Native configurado em sua máquina e o aplicativo Expo Go instalado em seu dispositivo (virtual ou físico)
  2. Clone esse repositório
  3. Abra um terminal na pasta raiz do projeto e execute o comando npm install ou yarn para instalar as dependências
  4. Execute o comando npx expo start para iniciar o aplicativo
  5. Use o aplicativo Expo Go para executar o projeto em seu dispositivo

🎬 Demo

Screen_Recording_20230120_005847_Expo_Go.mp4

About

An unpractical way to input numbers

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published