Placeholder animated text input/field

Title says it all (well, most of it at least). This is a React Native text input/field where the placeholder text is animated to be on top of the user input while user is interacting with the component.

GIF

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Installing

Download repo

git clone https://github.com/hdsenevi/react-native-float-label-input

Go inside project folder

cd react-native-float-label-input

Install dependancies

yarn

Run ios

yarn ios

Tested with

• node : 18

Author

• Shanaka 'Sha' Senevirathne - Initial work - hdsenevi github | twitter

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Tested

Only tested on iOS as of yet.

Acknowledgments (Hat tip)

• Inspiration GIF (https://dribbble.com/shots/1254439--GIF-Float-Label-Form-Interaction) by MDS