allow renderTextInput to customize text input

FaridSafi · May 27, 2016 · 74276ab · 74276ab
1 parent e8339a3
commit 74276ab
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
 .DS_Store
 node_modules/
 npm-debug.log
+.idea
diff --git a/GiftedMessenger.js b/GiftedMessenger.js
@@ -505,7 +505,7 @@ class GiftedMessenger extends Component {
           styles={this.styles}
         />
       </View>
-  );
+    );
   }
 
   renderAnimatedView() {
@@ -558,6 +558,14 @@ class GiftedMessenger extends Component {
   }
 
   renderTextInput() {
+    if (this.props.renderTextInput){
+      return this.props.renderTextInput({
+        ...this.props,
+        ...this.state,
+        onSend:this.onSend,
+        onChangeText:this.onChangeText
+      });
+    }
     if (this.props.hideTextInput === false) {
       return (
         <View style={this.styles.textInputContainer}>

diff --git a/README.md b/README.md
@@ -74,6 +74,7 @@ See [GiftedMessengerExample/GiftedMessengerContainer.js](https://raw.githubuserc
 | placeholder                   | String   | TextInput placeholder                                                      | Both     | 'Type a message...'              |
 | placeholderTextColor          | String   | TextInput text color placeholder                                           | Both     | '#ccc'                           |
 | renderCustomText              | Function | Implement your own text rendering                                          | Both     | (rowData) => {}                  |
+| renderTextInput               | Function | Implement your own text input rendering                                    | Both     | (props) => {}                    |
 | renderCustomDate              | Function | Implement your own date rendering                                          | Both     | (rowData, previousData) => {}                  |
 | scrollAnimated                | Boolean  | do animation when scrolling                                                | Both     | true                             |
 | sendButtonText                | String   | 'Send' button label                                                        | Both     | 'Send'                           |

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-gifted-messenger",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Chat UI for iOS and Android React-Native apps",
   "main": "GiftedMessenger.js",
   "scripts": {