react-native-textinput-with-icons v1.0.18

Material Text Input With Icons

component for React Native (iOS & Android).

Usage

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

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 react-native-textinput-with-icons

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

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)