mfrag38-react-native-textinput-with-icons-full v1.1.1

MFRAG38 Material Text Input With Icons

Based On Material Text Input With Icons By Abdalla Emad Eldin

component for React Native (iOS & Android).

Usage

import React, { Component } from 'react';
import TextInput from 'mfrag38-react-native-textinput-with-icons-full';

export default class Example extends Component {
	state = {
		name: '',
	};

	render() {
		let { name } = this.state;

		return (
			<TextInput
				label='Name'
				// RTL must used when label in arabic ex: label="اللغة العربيه"
				leftIcon='thumbsup'
				leftIconType='oct'
				rippleColor='blue'
				rightIcon='react'
				rightIconType='material'
				value={name}
				refrance={refrance => {
					this.input = refrance;
				}}
				onChangeText={name => this.setState({ name })}
			/>
		);
	}
}

Supported Icons

Ionicons by Ben Sperry (v4.2.4, 696 icons)\ Octicons by Github, Inc. (v8.0.0, 177 icons)\ Evilicons by Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)\ FontAwesome by Dave Gandy (v4.7.0, 675 icons)\ MaterialCommunityIcons by MaterialDesignIcons.com (v2.8.94, 2894 icons)

Installation

1- Run yarn add mfrag38-react-native-textinput-with-icons-full

  #OR
  #npm install --save mfrag38-react-native-textinput-with-icons-full

2- Run react-native link react-native-vector-icons

Properties

Attention

    You must use RTL prop where label in arabic

Container

Label

Placeholder

Input

Underline

ErrorHelper

Icons

Icon Types

Other TextInput properties will also work

## License

The MIT License.

See [LICENSE](LICENSE)