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