https://github.com/weblineindia/react-native-expandable-textview
A React Native based component for creating Expandable TextView in your application.
https://github.com/weblineindia/react-native-expandable-textview
expandable expandabletextview react-components react-native react-native-component react-native-components react-native-expandable react-native-library react-native-module react-native-plugin react-native-textinput reactnative reactnative-textview reactnativedemo
Last synced: 2 months ago
JSON representation
A React Native based component for creating Expandable TextView in your application.
- Host: GitHub
- URL: https://github.com/weblineindia/react-native-expandable-textview
- Owner: weblineindia
- License: mit
- Created: 2020-07-17T13:02:48.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2021-12-22T15:12:57.000Z (over 3 years ago)
- Last Synced: 2025-04-19T13:19:57.897Z (2 months ago)
- Topics: expandable, expandabletextview, react-components, react-native, react-native-component, react-native-components, react-native-expandable, react-native-library, react-native-module, react-native-plugin, react-native-textinput, reactnative, reactnative-textview, reactnativedemo
- Language: Java
- Homepage: https://www.weblineindia.com/software-development-resources.html
- Size: 89.8 KB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# React Native - Expandable TextView
A React Native based component for creating Expandable TextView in your application.
## Getting started
- [Demo](#demo)
- [Installation](#installation)
- [Supported versions](#supported-versions)
- [Usage](#usage)
- [Props](#props)
- [Methods](#methods)
- [Want to Contribute?](#want-to-contribute?)
- [Collection of Components](#collection-of-components)
- [Changelog](#changelog)
- [License](#license)
- [Keywords](#keywords)
## Demo
[](http://git-ar.webline.local/ReactNative/Component-Expandable-TextView/ExpandableTextView.png)
## Installation
`$ npm install rn-weblineindia-expandable-textview --save`
## Supported versions
We have tested this component in ReactNative 0.60 - 0.66. You can still use it in other versions.
## Usage
Here is a sample screen in which you can implement the Expandable TextView Component.
```javascript
import ExpandableTextField from 'rn-weblineindia-expandable-textview';
console.log('Text--->',text)}
maxHeight={250}
selectionColor={'black'}
placeholder={'Please enter Address'}
blurOnSubmit={true}
/>
```
### Callback
```javascript
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](http://help.github.com/forking/).
- Create new branch to contribute your changes.
- Commit all your changes to your branch.
- Submit a [pull request](http://help.github.com/pull-requests/).
-----
## 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](https://www.weblineindia.com/software-development-resources.html).
------
## Changelog
Detailed changes for each release are documented in [CHANGELOG.md](./CHANGELOG.md).
------
## License
[MIT](LICENSE)
[mit]: https://github.com/weblineindia/React-Native-Expandable-TextView/blob/master/LICENSE
------
### Keywords
rn-weblineindia-expandable-textView, react-native-expandable-textView, Expandable-TextView, react-native