react-native-inputs v0.2.1

react-native-inputs

React native inputs for real world apps. Easy to setup, configure and use.

Installation

npm install react-native-inputs --save

or

yarn add react-native-inputs

Usage

import { TextInput, PasswordInput } from 'react-native-inputs'

TextInput

<TextInput
  onRef={r => { this.email = r }}
  value={email}
  editable={!this.props.fetching}
  valid={isEmail(email)}
  label='Email address'
  returnKeyType='next'
  borderBottomColor='#F70044'
  iconElement={<Icon size={20} name='at-sign' style={{ color: '#F70044'}} />}
  onChangeText={text => this.handleChange(text)}
  onSubmitEditing={() => this.password.focus()}
/>

TextInput props

PasswordInput

<PasswordInput
  value={password}
  valid={!!password}
  editable={!this.props.fetching}
  onRef={r => { this.password = r }}
  togglePasswordControlColor='#F70044'
  borderBottomColor='#F70044'
  onChangeText={text => this.handleChange(text)}
  onSubmitEditing={() => null}
/>

PasswordInput props

• All of the props for TextInput except label