Skip to content

MfTextArea

Multi-line text input with form integration. A simpler component than MfTextInput — it does not support labels, icons, or masks.

Usage

tsx
import { MfTextArea } from '@zyno-io/mobile-foundation-rn';

<MfTextArea placeholder="Write your notes here..." />
<MfTextArea placeholder="Description" disabled />

Props

Extends standard React Native TextInputProps, plus:

PropTypeDefaultDescription
disabledbooleanfalsePrevent editing
styleViewStyleStyle for the text area

Defaults changed from TextInput:

PropDefault
multilinetrue
numberOfLines2
height120

MfForm Integration

Inside a <MfForm>, MfTextArea registers its ref for keyboard navigation. Set returnKeyType="next" or returnKeyType="done" to control the keyboard button behavior.