add keyboard aware support to FlatList

Author: chrisy-lili

lib/KeyboardAwareFlatList.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import createReactClass from 'create-react-class';
+import PropTypes from 'prop-types';
+import { FlatList } from 'react-native';
+import KeyboardAwareMixin from './KeyboardAwareMixin';
+
+const KeyboardAwareFlatList = createReactClass({
+  propTypes: {
+    viewIsInsideTabBar: PropTypes.bool,
+    resetScrollToCoords: PropTypes.shape({
+      x: PropTypes.number,
+      y: PropTypes.number,
+    }),
+  },
+  mixins: [KeyboardAwareMixin],
+
+  componentWillMount: function () {
+    this.setViewIsInsideTabBar(this.props.viewIsInsideTabBar)
+    this.setResetScrollToCoords(this.props.resetScrollToCoords)
+  },
+
+  render: function () {
+    return (
+      <FlatList
+        ref='_rnkasv_keyboardView'
+        keyboardDismissMode='interactive'
+        contentInset={{bottom: this.state.keyboardSpace}}
+        showsVerticalScrollIndicator={true}
+        scrollEventThrottle={0}
+        {...this.props}
+        onScroll={e => {
+          this.handleOnScroll(e)
+          this.props.onScroll && this.props.onScroll(e)
+        }}
+      />
+    )
+  },
+})
+
+export default KeyboardAwareFlatList