feat: including disabled prop

README.md

@@ -8,24 +8,34 @@ Textarea component auto resizable. It grows when text is bigger
 npm install react-native-textarea-resizable
 ```
 
+or
+
+```sh
+yarn add react-native-textarea-resizable
+```
+
 ## Usage
 
 ```js
-import { multiply } from 'react-native-textarea-resizable';
+import TextAreaResizable from 'react-native-textarea-resizable'
 
 // ...
 
-const result = await multiply(3, 7);
+<TextAreaResizable />
 ```
 
+### Props
+
+| Name     | Description | Type    | Default | Required? |
+| -------- | ----------- | ------- | ------- | --------- |
+| minRows  |             | number  | 1       | false     |
+| maxRows  |             | number  | 6       | false     |
+| disabled |             | boolean | false   | false     |
+
 ## Contributing
 
 See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
 
 ## License
 
 MIT
-
----
-
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-textarea-resizable",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Textarea component auto resizable. It grows when text is bigger",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

src/components/TextAreaResizable/index.tsx

@@ -1,4 +1,4 @@
 import React, { useEffect, useState } from 'react'
 import { Platform, TextInput, type NativeSyntheticEvent, type TextInputContentSizeChangeEventData, type TextInputProps } from 'react-native'
 
 const TEXTAREA_LINE_HEIGHT = 18
@@ -6,10 +6,11 @@
 export interface TextAreaResizableProps extends TextInputProps {
   minRows?: number
   maxRows?: number
+  disabled?: boolean
 }
 
 export const TextAreaResizable = (props: TextAreaResizableProps) => {
-  const { minRows = 1, maxRows = 6 } = props
+  const { minRows = 1, maxRows = 6, disabled = false } = props
 
   const [value, setValue] = useState('')
   const [rows, setRows] = useState(2)
@@ -64,12 +65,15 @@
     setMinHeight(rows * TEXTAREA_LINE_HEIGHT)
   }, [rows])
 
+  const disabledCursor = disabled ? { cursor: 'not-allowed' } : {}
+
   return (
     <TextInput
       style={{
         ...(props.style as Object),
         padding: 4,
-        minHeight
+        minHeight,
+        ...disabledCursor
       }}
       multiline={true}
       numberOfLines={Platform.OS === 'web' ? Math.floor(rows) : Math.ceil(rows)}
@@ -78,6 +82,8 @@
       textAlignVertical="top"
       onChange={handleChange}
       onContentSizeChange={handleContentSizeChange}
+      editable={props.editable ?? !disabled}
+      placeholderTextColor={props?.placeholderTextColor ?? 'lightgray'}
       {...props}
     />
   )