aj-floating-label-input
v1.0.3
Published
This module will help to add Floating Label Input Text will all the avaiable customizations and all default props.
Downloads
11
Maintainers
Readme
Floating Label Input with customization and default props
Installation
For react native project..
$ npm install aj-floating-label-input
Usage
For react native project follow the following steps
1) Import Library
import FloatingLabelInput from 'aj-floating-label-input'
2) add the Input Field as following
<FloatingLabel
onChangeText={value => setPassword(value)}
focusBorderColor={ThemeColors.ThemeColorPrimary}
focusLabelColor={ThemeColors.ThemeColorPrimary}
blurBorderColor="#AAA"
blurLabelColor="#AAA"
floatingLabel="Password"
secureTextEntry={true}
inputStyle={{}}
labelStyle={{}}
floatedStyle={{ fontSize: 10, top: 3, }}
unfloatedStyle={{ fontSize: 11, top: 12, }}
containerStyle={{ borderRadius: 50, borderWidth: 0.5 }}
/>
Demo
Contributions
Contributions, issues and feature requests are welcome. Feel free to check issues page if you want to contribute.
About Me
My name is Abid Jamil from Pakistan, I am Senior Software Engineer at Nextbridge Ltd Pakistan. I have expertise in Native Android | React - Native | IOS | Android | Java | Kotlin | Javascript | MVVM | MVP | RxJava | Dagger | Material Design | Live Data | Data Binding. Futhermore, I am open source contribution and computer science researcher. I have published 17 research paper which is avaiable on Google Scholar Profile. I have delivered many talks in different national and International universities around the globe.
- Github : abidjamil
- Youtube : Abid Jamil
- Facebook : Abid Jamil