1.0.1 • Published 5 years ago
react-native-expandable-textview v1.0.1
React Native - Expandable TextView
A React Native based component for creating Expandable TextView in your application.
Getting started
- Demo
- Installation
- Supported versions
- Usage
- Props
- Methods
- Want to Contribute?
- Collection of Components
- Changelog
- License
- Keywords
Demo
Installation
$ npm install rn-weblineindia-expandable-textview --save
Supported versions
We have tested this component in ReactNative 0.60 - 0.62.5. You can still use it in other versions.
Usage
Here is a sample screen in which you can implement the Expandable TextView Component.
import ExpandableTextField from 'rn-weblineindia-expandable-textview';
<ExpandableTextField
style={{}}
value={this.state.inputValue}
onChangeText={(text) => console.log('Text--->',text)}
maxHeight={250}
selectionColor={'black'}
placeholder={'Please enter Address'}
blurOnSubmit={true}
/>Callback
onChangeText={() => }
onSubmitEditing={() => }
onFocus={() => }
onBlur={() => }
onChange={() => }
onEndEditing={() => }Methods
.focus() .blur() .clear();
Props
| Props | Type | Required | Description |
|---|---|---|---|
| maxHeight | number | no | Defines maximum height for textinput. Default 100. |
| refData | string | no | Defines reference of textinput |
| mutiline | boolean | Yes | Always true for multiline textinput |
| blurOnSubmit | boolean | Yes | Always true for multiline textinput |
Methods
| Method | Description |
|---|---|
| onChangeText | Callback that is called when the text input's content size changes. |
| onSubmitEditing | Callback that is called when the text input's submit button is pressed with the argument. |
| onFocus | Callback that is called when the text input is focused. |
| onBlur | Callback that is called when the text input is blurred. |
| onChange | Callback that is called when the text input's text changes. |
| onEndEditing | Callback that is called when text input ends. |
| focus | Makes the native input request focus. |
| blur | Makes the native input lose focus. |
| clear | Removes all text from the TextInput. |
Want to Contribute?
- Created something awesome, made this code better, added some functionality, or whatever (this is the hardest part).
- Fork it.
- Create new branch to contribute your changes.
- Commit all your changes to your branch.
- Submit a pull request.
Collection of Components
We have built many other components and free resources for software development in various programming languages. Kindly click here to view our Free Resources for Software Development.
Changelog
Detailed changes for each release are documented in CHANGELOG.md.
License
Keywords
rn-weblineindia-expandable-textView, react-native-expandable-textView, Expandable-TextView, react-native