Skip to content

WrathChaos/react-native-text-area

Folders and files

NameName
Last commit message
Last commit date
Apr 29, 2021
Feb 23, 2021
Mar 4, 2023
Oct 4, 2021
Feb 23, 2021
Jul 15, 2019
Feb 23, 2021
Feb 23, 2021
Feb 23, 2021
Dec 6, 2021
Nov 10, 2022
Dec 6, 2021
Feb 23, 2021

Repository files navigation

React Native Text Area

Simple and easy to use TextArea for React Native

npm version npm Platform - Android and iOS License: MIT styled with prettier

React Native Text Area

Installation

Add the dependency:

React Native

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

Peer Dependencies

IMPORTANT! You need install them

Zero Dependency

Basic Usage

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

<RNTextArea
  maxCharLimit={50}
  placeholderTextColor="black"
  exceedCharCountColor="#990606"
  placeholder={"Write your review..."}
  onChangeText={(text: string) => 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.