# rn-weblineindia-expandable-textview

> A React Native based component for creating Expandable TextView in your application.

Latest version **1.0.2** (published 2021-12-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install rn-weblineindia-expandable-textview
pnpm add rn-weblineindia-expandable-textview
yarn add rn-weblineindia-expandable-textview
bun add rn-weblineindia-expandable-textview
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2021-12-22 |
| First published | 2020-07-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 62.9 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Weblineindia |
| Maintainers | partners-wli |
| Keywords | react-native |

## Links

- npm: https://www.npmjs.com/package/rn-weblineindia-expandable-textview
- Repository: https://github.com/github_account/react-native-expandable-textview
- Homepage: https://www.weblineindia.com/software-development-resources.html
- Issues: https://github.com/github_account/react-native-expandable-textview/issues
- npm.io page: https://npm.io/package/rn-weblineindia-expandable-textview

## Recent versions

- 1.0.2 (latest) — 2021-12-22
- 0.1.5 — 2021-12-22
- 0.1.3 — 2021-12-22
- 0.1.2 — 2021-12-13
- 0.1.1 — 2021-12-13
- 0.1.0 — 2021-12-13
- 1.0.1 — 2021-12-13
- 1.0.0 — 2020-07-17

## 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

[![](ExpandableTextView.png)](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';

 <ExpandableTextField
  style={{}}
  onChangeText={(text) => 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

---
_Source: https://npm.io/package/rn-weblineindia-expandable-textview · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._