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