react-native-floating-label
A floating label factory to use with tcomb-form-native
library.
Install
npm i react-native-floating-label --save
Use 0.2.2 for RN>=0.25.
Usage
When configuring your tcomb-form-native
Form
, use the factory
option to set as FloatingLabel
:
import React, { View } from 'react-native'import t from 'tcomb-form-native'import FloatingLabel from 'react-native-floating-label' const Form = t.form.Formconst Login = t.struct({ email: t.String, password: t.String,}) class App extends React.Component { constructor (props) { super(props) this.state = { value: {}, options: { fields: { email: { factory: FloatingLabel, }, password: { factory: FloatingLabel, }, }, }, } } render () { return ( <View style={{flex: 1}}> <Form ref='form' type={Login} value={this.state.value} options={this.state.options} /> </View> ) }}
API
You can pass all the TextInput
props, and an additional prop called errorPlaceholderTextColor
which accepts a color string
to change the placeholder color when a validation error occurs.
Author
Álvaro Medina Ballester. 2015.
amedina at apsl.net
License
MIT.