Input

Allows the user to input content.

Input

What's this?

class Test extends React.Component {
    constructor() {
      super()
      this.state = { value: '' }
    }
    render() {
      return (
        <Input
          label="Input"
          onChange={value => this.setState({ value })}
          returnKeyType="done"
          value={this.state.value}
          isFocused
          hintLabel="What's this?"
          onHintPress={() => console.log('WOOHOO!!')}
        />
      )
    }
  }

class Test extends React.Component {
    constructor() {
      super()
      this.state = { value: '' }
    }
    render() {
      return (
        <Input
          label="Input"
          onChange={value => this.setState({ value })}
          returnKeyType="done"
          value={this.state.value}
          isFocused
          hintLabel="What's this?"
          onHintPress={() => console.log('WOOHOO!!')}
        />
      )
    }
  }

InputWithValidation

<InputWithValidation
  autoCapitalize="none"
  autoCorrect={false}
  blurOnSubmit={false}
  form={form}
  isRequired
  label="Email Address"
  name="email"
  returnKeyType="next"
  defaultValue={"Mark"}
  textContentType="emailAddress"
  validationMethods={[FormValidationRules.isEmail]}
  isFocused
/>