https://github.com/lucasgabrieldeaa/unformrnexample

Repository with use case implementation to unform
https://github.com/lucasgabrieldeaa/unformrnexample

keyboard react-native unform

Last synced: 9 days ago
JSON representation

Repository with use case implementation to unform

• Host: GitHub
• URL: https://github.com/lucasgabrieldeaa/unformrnexample
• Owner: lucasGabrielDeAA
• Created: 2020-02-19T18:58:38.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T07:45:30.000Z (almost 2 years ago)
• Last Synced: 2023-08-05T02:41:21.598Z (over 1 year ago)
• Topics: keyboard, react-native, unform
• Language: JavaScript
• Homepage:
• Size: 1.79 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 18
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# RN Unform & Keyboard

This project contain a react-native's implementation of [Unform](https://unform.dev/)

## 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](/images/android.png)

![IOS screenshot](/images/ios.png)

## 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

- [Lucas Gabriel](https://github.com/lucasGabrielDeAA)

- [Vinicius](https://github.com/vinicfrancisco)