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.
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.
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
- node : 18
- Shanaka 'Sha' Senevirathne - Initial work - hdsenevi github | twitter
This project is licensed under the MIT License - see the LICENSE.md file for details
Only tested on iOS as of yet.
- Inspiration GIF (https://dribbble.com/shots/1254439--GIF-Float-Label-Form-Interaction) by MDS