Fixed scroll to bottom.

Note: works only for llaid out content

Author: artald

package.json

@@ -7,7 +7,7 @@
     "type": "git",
     "url": "https://github.com/wix/react-native-keyboard-aware-scrollview.git"
   },
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "React Native Keyboard Aware ScrollView - auto adjust content ScrollView",
   "nativePackage": true,
   "bugs": {

src/KeyboardAwareBase.js

@@ -8,7 +8,7 @@ var ScrollViewManager = NativeModules.ScrollViewManager;
 export default class KeyboardAwareBase extends React.Component {
   constructor(props) {
     super(props);
-    this._bind('_onKeyboardWillShow', '_onKeyboardWillHide', '_addKeyboardEventListeners', '_removeKeyboardListeners', '_scrollToFocusedTextInput', '_onKeyboardAwareViewLayout', 'scrollToBottom');
+    this._bind('_onKeyboardWillShow', '_onKeyboardWillHide', '_addKeyboardEventListeners', '_removeKeyboardListeners', '_scrollToFocusedTextInput', '_onKeyboardAwareViewLayout', 'scrollToBottom', 'scrollBottomOnNextSizeChange');
     this.state = {keyboardHeight: 0};
   }
 
@@ -31,13 +31,26 @@ export default class KeyboardAwareBase extends React.Component {
 
   componentWillMount() {
     this._addKeyboardEventListeners();
-
   }
 
   _onKeyboardAwareViewLayout(layout) {
     this._keyboardAwareView.layout = layout;
+    this._keyboardAwareView.contentOffset = {x: 0, y: 0};
+    this._updateKeyboardAwareViewContentSize();
+  }
+
+  _onKeyboardAwareViewScroll(contentOffset) {
+    this._keyboardAwareView.contentOffset = contentOffset;
+    this._updateKeyboardAwareViewContentSize();
+  }
+
+  _updateKeyboardAwareViewContentSize() {
     ScrollViewManager.getContentSize(React.findNodeHandle(this._keyboardAwareView), (res)=> {
       this._keyboardAwareView.contentSize = res;
+      if(this.state.scrollBottomOnNextSizeChange) {
+        this.scrollToBottom();
+        this.state.scrollBottomOnNextSizeChange = false;
+      }
     })
   }
 
@@ -67,16 +80,23 @@ export default class KeyboardAwareBase extends React.Component {
 
     this.setState({keyboardHeight: newKeyboardHeight});
   }
-  
+
   _onKeyboardWillHide(event) {
+    const keyboardHeight = this.state.keyboardHeight;
     this.setState({keyboardHeight: 0});
-    if(this._keyboardAwareView) {
-      this._keyboardAwareView.scrollTo({x: 0, y: 0, animated: true});
-    }
+
+    const yOffset = Math.max(this._keyboardAwareView.contentOffset.y - keyboardHeight, 0);
+    this._keyboardAwareView.scrollTo({x: 0, y: yOffset, animated: true});
+  }
+
+  scrollBottomOnNextSizeChange() {
+    this.state.scrollBottomOnNextSizeChange = true;
   }
 
   scrollToBottom() {
-    const bottomYOffset = this._keyboardAwareView.contentSize.height - this._keyboardAwareView.layout.height + this._keyboardAwareView.props.contentInset.bottom;
-    this._keyboardAwareView.scrollTo({x: 0, y: bottomYOffset, animated: true});
+    if (this._keyboardAwareView) {
+      const bottomYOffset = this._keyboardAwareView.contentSize.height - this._keyboardAwareView.layout.height + this._keyboardAwareView.props.contentInset.bottom;
+      this._keyboardAwareView.scrollTo({x: 0, y: bottomYOffset, animated: true});
+    }
   }
 }

src/KeyboardAwareListView.js

@@ -15,7 +15,14 @@ export default class KeyboardAwareListView extends KeyboardAwareBase {
         onLayout={(layoutEvent) => {
           this._onKeyboardAwareViewLayout(layoutEvent.nativeEvent.layout);
         }}
+        onScroll={(event) => {
+          this._onKeyboardAwareViewScroll(event.nativeEvent.contentOffset)
+        }}
+        onContentSizeChange={() => {
+          this._updateKeyboardAwareViewContentSize();
+        }}
+        scrollEventThrottle={200}
       />
     );
   }
-}
+}

src/KeyboardAwareScrollView.js

@@ -16,6 +16,13 @@ export default class KeyboardAwareScrollView extends KeyboardAwareBase {
         onLayout={(layoutEvent) => {
           this._onKeyboardAwareViewLayout(layoutEvent.nativeEvent.layout);
         }}
+        onScroll={(event) => {
+          this._onKeyboardAwareViewScroll(event.nativeEvent.contentOffset)
+        }}
+        onContentSizeChange={() => {
+          this._updateKeyboardAwareViewContentSize();
+        }}
+        scrollEventThrottle={200}
       />
     );
   }