Customizable Animated Text Input For React Native

A fully customizable, animated text input for React Native with a beautiful and elegant design.

How to use it:

1. Install and import the component.

# NPM
$ npm i react-native-text-input-interactive --save
import InteractiveTextInput from "react-native-text-input-interactive";

2. Add the text input component to the app.

<InteractiveTextInput onChangeText={(text: string) => {}} />

3. Available customization options.

style?: CustomStyleProp;
textInputStyle?: CustomTextStyleProp;
iconContainerStyle?: CustomStyleProp;
iconImageStyle?: CustomImageStyleProp;
iconImageSource?: ImageSourcePropType;
ImageComponent?: any;
IconComponent?: any;
enableIcon?: boolean;
mainColor?: string;
originalColor?: string;
animatedPlaceholderTextColor?: string;
onFocus?: () => void;
onBlur?: () => void;
onIconPress?: () => void;

Preview:

Customizable Animated Text Input For React Native

Download Details:

Author: WrathChaos

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/WrathChaos/react-native-text-input-interactive

License: MIT

You Might Be Interested In:

Add Comment