1.4.1 • Published 8 months ago

react-native-material-textinput v1.4.1

Weekly downloads
187
License
MIT
Repository
github
Last release
8 months ago

Material Design Text Input

Textual input component for React Native (iOS & Android).

Usage

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

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

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

    return (
      <TextInput
        label="Name"
        value={name}
        onChangeText={name => this.setState({ name })}
      />
    )
  }
}

Properties

Label

nametypedefault
labelString
labelDurationNumber200
labelColorStringgray
labelActiveTopNumber-18
labelActiveColorString#3f51b5
labelActiveScaleNumber0.8

Placeholder

NameTypeDefault
placeholderString
placeholderColorStringgray

Input

NameTypeDefault
minHeightNumber
heightNumber
maxHeightNumber
marginTopNumber
marginRightNumber
marginBottomNumber8
marginLeftNumber
paddingTopNumber20
paddingRightNumber0
paddingBottomNumber8
paddingLeftNumber0
colorStringblack
activeColorString
fontFamilyString
fontSizeNumber15
fontWeightString or Numbernormal
onFocusFunction
onBlurFunction
onChangeTextFunction
onContentSizeChangeFunction

Underline

NameTypeDefault
underlineDurationNumber200
underlineHeightNumber1
underlineColorStringgray
underlineActiveColorString#3f51b5
underlineActiveHeightNumber2

ErrorHelper

NameTypeDefault
errorString
errorPaddingTopNumber8
errorColorString#fc1f4a
errorFontSizeNumber12

Other TextInput properties will also work

Example

git clone https://github.com/perushevandkhmelev-agency/react-native-material-textinput
cd react-native-material-textinput/example
yarn # or npm install
yarn start # or npm start

License

The MIT License.

See LICENSE