TextArea | NativeBase | Universal Components for React and React Native

Playground
const Example = () => {
  return <Stack space={4} w="90%">
      <TextArea h={20} placeholder="Text Area Placeholder" />
    </Stack>;
};
const Example = () => {
  return <Stack space={4} w="90%">
      <TextArea h={20} placeholder="Text Area Placeholder" />
    </Stack>;
};

Playground
const Example = () => {
  return <Stack space={4} w="90%">
      <Center>
        <Text>Invalid TextArea</Text>
      </Center>
      <TextArea aria-label="t1" numberOfLines={4} placeholder="Invalid TextArea" isInvalid _dark={{
      placeholderTextColor: "gray.300"
    }} />
      <Center>
        <Text>Disabled TextArea</Text>
      </Center>
      <TextArea aria-label="t1Disabled" placeholder="Disabled TextArea" isDisabled />
    </Stack>;
};
const Example = () => {
  return <Stack space={4} w="90%">
      <Center>
        <Text>Invalid TextArea</Text>
      </Center>
      <TextArea aria-label="t1" numberOfLines={4} placeholder="Invalid TextArea" isInvalid _dark={{
      placeholderTextColor: "gray.300"
    }} />
      <Center>
        <Text>Disabled TextArea</Text>
      </Center>
      <TextArea aria-label="t1Disabled" placeholder="Disabled TextArea" isDisabled />
    </Stack>;
};

Playground
const Example = () => {
  const [textAreaValue, setTextAreaValue] = useState("Value Controlled");

  const demoValueControlledTextArea = e => {
    setTextAreaValue(e.currentTarget.value);
  };

  return <Stack space={4} w="90%">
      <TextArea value={textAreaValue} onChange={demoValueControlledTextArea} />
    </Stack>;
};
const Example = () => {
  const [textAreaValue, setTextAreaValue] = useState("Value Controlled");

  const demoValueControlledTextArea = e => {
    setTextAreaValue(e.currentTarget.value);
  };

  return <Stack space={4} w="90%">
      <TextArea value={textAreaValue} onChange={demoValueControlledTextArea} />
    </Stack>;
};