TextareaField - AMiSi Mobile Starter

TextareaField configures React Native TextInput for multiline content.

Usage

import { useState } from 'react';

import { TextareaField } from '@amisi-mobile-starter/ui';

export const BioField = () => {
  const [bio, setBio] = useState('');

  return (
    <TextareaField
      label="Bio"
      value={bio}
      onChangeText={setBio}
      numberOfLines={6}
      helperText="Tell people what you work on."
    />
  );
};

Props

Prop	Type	Default	Description
`label`	`string`	`undefined`	Field label.
`error`	`string`	`undefined`	Error shown instead of helper text.
`helperText`	`string`	`undefined`	Supporting text shown when there is no error.
`containerStyle`	`StyleProp<ViewStyle>`	`undefined`	Style for the outer wrapper.
`numberOfLines`	`number`	`4`	Native line count and basis for the `20 * numberOfLines` minimum height.
`textAlignVertical`	`TextInputProps['textAlignVertical']`	`'top'`	Native vertical text alignment.
`multiline`	`boolean`	`true`	Set internally before inherited props are spread.

All React Native TextInputProps are accepted. Explicit inherited props are spread last, so multiline and the generated style can be overridden.