Git Product home page Git Product logo

unformrnexample's Introduction

RN Unform & Keyboard

This project contain a react-native's implementation of Unform

Running the application

First of all, you have to install all the dependencies.

  yarn install
  or npm install

For IOS's environment, you need to install the cocoa pods, using the following command.

 cd ios/ && pod install && cd ..

Then you run

  yarn android - For Android's environment
  yarn ios - For IOS's environment

Android screenshot IOS screenshot

KeyboardScroll Page

Página criada para testar o controle do teclado com vários inputs utilizando o KeyboardController e criando um componente de form personalizado.

KeyboardToolBox

Página criada para testar a "caixa de ações" que fica acima do teclado (quando aberto) e validar o KeyboardController utilizando o LayoutAnimation para criar uma animação que acompanha a abertura do teclado.

Strava Form Example

Página inspirada no app Strava que visa criar um formulário mais "amigável", aplicando o controle do teclado e criando componentes novos para Inputs e Select.

Whatsapp ToolBox Example

Página de chat que possui um input na toolbox do teclado. Essa toolbox tem posicionamento absoluto e acompanha a animação do teclado. Conforme o tamanho do texto, a toolbox aumenta sua altura até o limite de 150px (igual aos apps de chat).

Contributors

unformrnexample's People

Contributors

dependabot[bot] avatar lucasgabrieldeaa avatar vinicfrancisco-2 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.