Merge pull request #242 from GetStream/vishal/keyboard-fix

Fixing Animated values on KeyboardCompatibleView

Author: vishalnarkhede

src/components/KeyboardCompatibleView.js

@@ -42,7 +42,7 @@ export class KeyboardCompatibleView extends React.PureComponent {
     super(props);
 
     this.state = {
-      channelHeight: new Animated.Value('100%'),
+      channelHeight: new Animated.Value(0),
       // For some reason UI doesn't update sometimes, when state is updated using setValue.
       // So to force update the component, I am using following key, which will be incremented
       // for every keyboard slide up and down.
@@ -54,7 +54,7 @@ export class KeyboardCompatibleView extends React.PureComponent {
     // Following variable takes care of race condition between keyboardDidHide and keyboardDidShow.
     this._hidingKeyboardInProgress = false;
     this.rootChannelView = false;
-    this.initialHeight = undefined;
+    this.initialHeight = 0;
   }
 
   componentDidMount() {
@@ -100,7 +100,7 @@ export class KeyboardCompatibleView extends React.PureComponent {
        * adjust the view instead of having no difference in value to animate to
        */
       this.setState({ channelHeight: new Animated.Value(this.initialHeight) });
-      this.initialHeight = undefined;
+      this.initialHeight = 0;
       this.dismissKeyboard();
       this.removeKeyboardListeners();
       this.setState({ appState: nextAppState });