Need help with react-native-autogrow-textinput?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

wix
426 Stars 119 Forks MIT License 79 Commits 39 Opened issues

Services available

!
?

Need anything else?

Contributors list

No Data

react-native-autogrow-textinput

A helper component meant to be used as a drop-in replacement for RN TextInput to allow automatic expanding of a multi-line text input according to the number of lines.

Demo

Installation

Install using

npm
:
npm i react-native-autogrow-textinput --save

Native side installation

To fix the issue with the height not being set for initial values (or with other cases where the input is not set by the user typing using the keyboard) you need to add the

libAutoGrowTextInput
to your project. After performing
npm install
, locate
AutoGrowTextInput.xcodeproj
in
YOUR_PROJECT/node_modules/react-native-autogrow-textinput/ios
and drag it to your own project, then in your target's general settings, add it to the "Linked Frameworks and Libraries".

How To Use

Import the new component:

import {AutoGrowingTextInput} from 'react-native-autogrow-textinput';

Now use it as you would normally do with a

ScrollView
to wrap arround TextInput components:

Example Project

Check out the full example project here.

In the example folder, perform

npm install
and then run it from the Xcode project.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.