Added new files.

Author: alvaromb

index.js

@@ -0,0 +1,9 @@
+import KeyboardAwareMixin from './lib/KeyboardAwareMixin'
+import KeyboardAwareScrollView from './lib/KeyboardAwareScrollView'
+import KeyboardAwareListView from './lib/KeyboardAwareListView'
+
+export default {
+  KeyboardAwareMixin,
+  KeyboardAwareScrollView,
+  KeyboardAwareListView
+}

lib/KeyboardAwareListView.js

@@ -0,0 +1,23 @@
+import React, { ListView } from 'react-native'
+import KeyboardAwareMixin from './KeyboardAwareMixin'
+
+const KeyboardAwareListView = React.createClass({
+  propTypes: {
+    ...ListView.propTypes,
+  },
+  mixins: [KeyboardAwareMixin],
+
+  render: function () {
+    return (
+      <ListView
+        ref='keyboardView'
+        keyboardDismissMode='interactive'
+        contentInset={{bottom: this.state.keyboardSpace}}
+        showsVerticalScrollIndicator={true}
+        {...this.props}
+      />
+    )
+  },
+})
+
+export default KeyboardAwareListView

lib/KeyboardAwareMixin.js

@@ -0,0 +1,56 @@
+import React, { DeviceEventEmitter } from 'react-native'
+import TimerMixin from 'react-timer-mixin'
+
+const KeyboardAwareMixin = {
+  propTypes: {
+    viewIsInsideTabBar: React.PropTypes.bool,
+  },
+  mixins: [TimerMixin],
+
+  getInitialState: function (props) {
+    return {
+      keyboardSpace: 0,
+    }
+  },
+
+  // Keyboard actions
+  // TODO: automatically handle TabBar height instead of using props
+  updateKeyboardSpace: function (frames) {
+    const keyboardSpace = (this.props.viewIsInsideTabBar) ? frames.endCoordinates.height - 49 : frames.endCoordinates.height
+    this.setState({
+      keyboardSpace: keyboardSpace,
+    })
+  },
+
+  resetKeyboardSpace: function () {
+    this.setState({
+      keyboardSpace: 0,
+    })
+  },
+
+  componentDidMount: function () {
+    // Keyboard events
+    DeviceEventEmitter.addListener('keyboardWillShow', this.updateKeyboardSpace)
+    DeviceEventEmitter.addListener('keyboardWillHide', this.resetKeyboardSpace)
+  },
+
+  componentWillUnmount: function () {
+    // TODO: figure out if removeAllListeners is the right thing to do
+    DeviceEventEmitter.removeAllListeners('keyboardWillShow')
+    DeviceEventEmitter.removeAllListeners('keyboardWillHide')
+  },
+
+  /**
+   * @param extraHeight: takes an extra height in consideration.
+   */
+  scrollToFocusedInput: function (event, reactNode, extraHeight = 49) {
+    const scrollView = this.refs.keyboardView.getScrollResponder()
+    this.setTimeout(() => {
+      scrollView.scrollResponderScrollNativeHandleToKeyboard(
+        reactNode, extraHeight, true
+      )
+    }, 220)
+  },
+}
+
+export default KeyboardAwareMixin