#<Input>

Input component that supports controlled, uncontrolled, and keyboard avoidance capabilities. Use <Input> for single-line input and <TextArea> for multi-line input.

#Basic Usage

Use <Input> to render a single-line input field, and <TextArea> to render a multi-line text area.

#Avoiding Keyboard Overlap

Prevent the on-screen keyboard from obscuring the input field by automatically adjusting the view when the keyboard appears

#Structure

<KeyboardAwareRoot>
  <view className='container'>
    <KeyboardAwareResponder>
      <KeyboardAwareTrigger>
          <Input
            style={{
              width: '100%',
              padding: '10px',
              backgroundColor: 'yellow',
            }}
          />
      </KeyboardAwareTrigger>
      <KeyboardAwareTrigger>
          <TextArea
            style={{
              width: '100%',
            }}
            placeholder="textareaId:'textarea2'"
          />
      </KeyboardAwareTrigger>
    </KeyboardAwareResponder>
  </view>
<KeyboardAwareRoot>

#API

#TextAreaProps

#KeyboardAwareTriggerProps

#KeyboardAwareRootProps

#KeyboardAwareResponderProps

#InputProps

#TextAreaRef

#KeyboardAwareResponderRef

#InputRef