Fix text reset on custom keyboards for Android (#1889)

android/app/build.gradle

@@ -159,6 +159,7 @@ repositories {
 
 
 dependencies {
+    compile project(':react-native-text-input-reset')
     compile project(':react-native-notifications')
     compile project(':react-native-image-picker')
     compile project(':react-native-orientation')

android/app/src/main/java/com/zulipmobile/MainApplication.java

@@ -8,6 +8,7 @@
 
 import com.RNFetchBlob.RNFetchBlobPackage;
 import com.facebook.react.ReactApplication;
+import com.nikolaiwarner.RNTextInputReset.RNTextInputResetPackage;
 import com.wix.reactnativenotifications.RNNotificationsPackage;
 import com.imagepicker.ImagePickerPackage;
 import com.github.yamill.orientation.OrientationPackage;
@@ -51,6 +52,7 @@ public boolean getUseDeveloperSupport() {
         protected List<ReactPackage> getPackages() {
             return Arrays.<ReactPackage>asList(
                     new MainReactPackage(),
+                    new RNTextInputResetPackage(),
                     new ImagePickerPackage(),
                     new OrientationPackage(),
                     new RNSentryPackage(MainApplication.this),

android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'ZulipMobile'
+include ':react-native-text-input-reset'
+project(':react-native-text-input-reset').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-text-input-reset/android')
 include ':react-native-notifications'
 project(':react-native-notifications').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-notifications/android')
 include ':react-native-image-picker'

package.json

@@ -57,6 +57,7 @@
     "react-native-sentry": "^0.33.0",
     "react-native-simple-toast": "0.0.7",
     "react-native-sound": "^0.10.5",
+    "react-native-text-input-reset": "^1.0.2",
     "react-native-vector-icons": "^4.5.0",
     "react-navigation": "1.0.0",
     "react-navigation-redux-helpers": "^1.0.1",

src/compose/ComposeBox.js

@@ -1,6 +1,7 @@
 /* @flow */
 import React, { PureComponent } from 'react';
-import { Platform, StyleSheet, View, TextInput } from 'react-native';
+import { Platform, StyleSheet, View, TextInput, findNodeHandle } from 'react-native';
+import TextInputReset from 'react-native-text-input-reset';
 import isEqual from 'lodash.isequal';
 
 import type {
@@ -156,7 +157,11 @@ export default class ComposeBox extends PureComponent<Props, State> {
   clearMessageInput = () => {
     if (this.messageInput) {
       this.messageInput.clear();
+      if (TextInputReset) {
+        TextInputReset.resetKeyboardInput(findNodeHandle(this.messageInput));
+      }
     }
+
     this.handleMessageChange('');
   };
 

yarn.lock

@@ -5420,6 +5420,10 @@ react-native-tab-view@^0.0.74:
   dependencies:
     prop-types "^15.6.0"
 
+react-native-text-input-reset@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/react-native-text-input-reset/-/react-native-text-input-reset-1.0.2.tgz#cfaa6d9b45da934e1725c01b1698f8a05591661c"
+
 react-native-vector-icons@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-4.5.0.tgz#6b95619e64f62f05f579f74a01fe5640df95158b"