import { FormLabel , FormInput } from 'react-native-elements'
< FormLabel > Name</ FormLabel >
< FormInput onChangeText = { someFunction} / >
< FormValidationMessage > Error message</ FormValidationMessage >
FormValidationMessage example
prop
default
type
description
containerStyle
none
object (style)
TextInput container styling (optional)
inputStyle
none
object (style)
TextInput styling (optional)
textInputRef
none
ref
get ref of TextInput
containerRef
none
ref
get ref of TextInput container
focus
none
function
call focus on the textinput(optional), eg this.refs.someInputRef.focus()
prop
default
type
description
containerStyle
none
object (style)
additional label container style (optional)
labelStyle
none
object (style)
additional label styling (optional)
fontFamily
System font bold (iOS), Sans Serif Bold (android)
string
specify different font family
FormValidationMessage props
prop
default
type
description
containerStyle
none
object (style)
additional label container style (optional)
labelStyle
none
object (style)
additional label styling (optional)
fontFamily
System font bold (iOS), Sans Serif Bold (android)
string
specify different font family
< FormInput
ref = 'forminput'
textInputRef = 'email'
. . .
/ >
You should be able to access the refs like this
this.refs.forminput.refs.email