Customizable style is added

Author: kuraydev

README.md

@@ -47,13 +47,14 @@ import TextArea from "react-native-text-area";
 
 ## Configuration - Props
 
-| Property             |  Type  |  Default  | Description                               |
-| -------------------- | :----: | :-------: | ----------------------------------------- |
-| backgroundColor      | color  | "#fbfbfb" | change the TextArea's background color    |
-| 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 |
+| Property             |  Type  |    Default     | Description                               |
+| -------------------- | :----: | :------------: | ----------------------------------------- |
+| styles               | style  | check the code | set your own style                        |
+| backgroundColor      | color  |   "#fbfbfb"    | change the TextArea's background color    |
+| 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 |
 
 ## Author
 

example/App.js

@@ -1,14 +1,16 @@
 import React, { Fragment } from "react";
 import { SafeAreaView } from "react-native";
 
-import TextArea from "@freakycoder/react-native-text-area";
+// import TextArea from "@freakycoder/react-native-text-area";
+import TextArea from "./lib/src/TextArea";
 
 const App = () => {
   return (
     <Fragment>
       <SafeAreaView>
         <TextArea
           maxCharLimit={50}
+          style={{ height: 350 }}
           placeholderTextColor="black"
           exceedCharCountColor="#990606"
           placeholder={"Write your review..."}

lib/src/TextArea.js

@@ -35,6 +35,7 @@ export default class TextArea extends Component {
 
   render() {
     const {
+      style,
       maxCharLimit,
       charCountColor,
       backgroundColor,
@@ -44,7 +45,7 @@ export default class TextArea extends Component {
       rest.maxCharLimit = maxCharLimit;
     }
     return (
-      <View style={container(backgroundColor)}>
+      <View style={container(style, backgroundColor)}>
         <TextInput
           multiline
           {...rest}

lib/src/TextArea.style.js

@@ -8,12 +8,13 @@ export function charCountStyle(charCountColor) {
   };
 }
 
-export function container(backgroundColor) {
+export function container(style, backgroundColor) {
   return {
     width: "100%",
     height: 200,
     backgroundColor,
-    textAlignVertical: "top"
+    textAlignVertical: "top",
+    ...style
   };
 }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@freakycoder/react-native-text-area",
-  "version": "0.0.1",
+  "version": "0.0.11",
   "description": "Simple and easy to use TextArea for React Native",
   "keywords": [
     "ios",