https://github.com/wrathchaos/react-native-text-area

Simple and easy to use TextArea for React Native.
https://github.com/wrathchaos/react-native-text-area

development freakycoder mobile-app mobile-app-development react react-native software text text-area text-input textarea

Last synced: 2 months ago
JSON representation

Simple and easy to use TextArea for React Native.

• Host: GitHub
• URL: https://github.com/wrathchaos/react-native-text-area
• Owner: WrathChaos
• Created: 2019-07-15T14:38:06.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-06-08T09:59:50.000Z (over 1 year ago)
• Last Synced: 2024-10-25T16:58:34.933Z (2 months ago)
• Topics: development, freakycoder, mobile-app, mobile-app-development, react, react-native, software, text, text-area, text-input, textarea
• Language: Java
• Homepage: https://www.freakycoder.com
• Size: 3.34 MB
• Stars: 25
• Watchers: 3
• Forks: 6
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


[![Simple and easy to use TextArea for React Native](https://img.shields.io/badge/-Simple%20and%20easy%20to%20use%20TextArea%20for%20React%20Native-lightgrey?style=for-the-badge)](https://github.com/WrathChaos/react-native-dynamic-search-bar)

[![npm version](https://img.shields.io/npm/v/@freakycoder/react-native-text-area.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-text-area)

[![npm](https://img.shields.io/npm/dt/@freakycoder/react-native-text-area.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-text-area)

![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)

[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)







## Installation

Add the dependency:

### React Native

```js

npm i @freakycoder/react-native-text-area

```

## Peer Dependencies

###### IMPORTANT! You need install them

Zero Dependency

## Basic Usage

```jsx

import RNTextArea from "@freakycoder/react-native-text-area";

 console.log("Text: ", text)}

/>;

```

## Example Project 😍

You can checkout the example project 🥰

Simply run

- `npm i`

- `react-native run-ios/android`

should work of the example project.

## Configuration - Props

| Property             |  Type  | Default | Description                               |

| -------------------- | :----: | :-----: | ----------------------------------------- |

| style                | style  | default | set your own style                        |

| charCount            | number |    0    | set the current character count           |

| maxCharLimit         | number |   200   | set the maximum character count limit     |

| charCountColor       | color  | "#ccc"  | change character count's color            |

| exceedCharCountColor | color  |  "red"  | change the exceeded character count color |

| defaultCharCount     | number |    0    | set the default char count other than 0   |

| inputRef             |  ref   | default | set the input reference                   |

## Author

FreakyCoder, [email protected]

## License

React Native Text Area Library is available under the MIT license. See the LICENSE file for more info.