@freakycoder/react-native-text-input NPM

Installation

Add the dependency:

npm i @freakycoder/react-native-text-input

"@freakycoder/react-native-bounceable": "^0.2.4",

import RNTextInput from "@freakycoder/react-native-text-input";

<RNTextInput
  placeholder="E-mail"
  onChangeText={(text: string) => console.log("Text: ", text)}
/>

<RNTextInput
  disableButton
  placeholder="E-mail"
  onChangeText={(text: string) => console.log("Text: ", text)}
/>

You can checkout the example project 🥰

Simply run

should work of the example project.

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

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