Version: Next

TextArea

The Textarea component allows you to easily create multi-line text inputs.

Examples#

Usage#

Invalid and Disabled TextArea#

Value Controlled TextArea#

Props#

Name Type Description Default
totalLines number Maps to react-native TextInput's numberOfLines. -

TextArea implements Input

Styling#

NativeBase ships with a default theme for each component. Checkout the default theme of textArea
We can easily extend the textArea component theme using extendTheme function as shown below.
import { extendTheme, NativeBaseProvider } from "native-base";
const theme = extendTheme({
components: {
TextArea: {
baseStyle: {},
defaultProps: {},
variants: {},
sizes: {},
}
}
});
function MyApp() {
return (
<NativeBaseProvider theme={theme}>
{/* Rest of the app goes here */}
</NativeBaseProvider>
)
}
Read more about extending component theme here.