react-native-text-input
React Native Text Input
Downloads
59
Stars
8
Installation
Add the dependency:
npm i @freakycoder/react-native-text-input
Peer Dependencies
"@freakycoder/react-native-bounceable": "^0.2.4",
Usage
Import
import RNTextInput from "@freakycoder/react-native-text-input";
Fundamental Usage
<RNTextInput
placeholder="E-mail"
onChangeText={(text: string) => console.log("Text: ", text)}
/>
Without Button Usage
<RNTextInput
disableButton
placeholder="E-mail"
onChangeText={(text: string) => console.log("Text: ", text)}
/>
Example Project 😍
You can checkout the example project 🥰
Simply run
npm ireact-native run-ios/android
should work of the example project.
Configuration - Props
Fundamentals
| Property | Type | Default | Description |
|---|---|---|---|
| onChangeText | function | undefined | set the onChangeText functionality |
| disableButton | boolean | false | disable right component button |
| placeholder | string | undefined | set the placeholder for text input |
Customization (Optionals)
| Property | Type | Default | Description |
|---|---|---|---|
| onPress | function | undefined | set your own logic for the button functionality when it is pressed |
| style | ViewStyle | default | set or override the style object for the main container |
| buttonStyle | ViewStyle | default | set or override the style object for the button style |
| textInputStyle | TextStyle | default | set or override the style object for the text input style |
| iconImageStyle | ImageStyle | default | set or override the style object for the image icon style |
| ImageComponent | Image | default | set your own component instead of default react-native Image component |
| inputRef | reference | undefined | set the TextInput reference for the programmatic usage |
| iconComponent | any | component | set your own icon component |
Future Plans
-
LICENSE - Write an article about the lib on Medium
Author
FreakyCoder, [email protected]
License
React Native Text Input is available under the MIT license. See the LICENSE file for more info.
Package Rankings
Top 15.31% on Npmjs.org
Badges
Extracted from project README
