Setup flow

Author: Nhacsam

.flowconfig

@@ -0,0 +1,57 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore duplicate module providers
+; For RN Apps installed via npm, "Libraries" folder is inside
+; "node_modules/react-native" but in the source repo it is in the root
+.*/Libraries/react-native/React.js
+.*/Libraries/react-native/ReactNative.js
+
+.*/node_modules/react-navigation
+
+; Do not remove all example to have react-native
+.*/example/main.js
+.*/example/Pages/.*
+
+; Remove duplication between example and .
+.*/example/node_modules/fbjs/
+
+; Remove not passing libs
+.*/example/node_modules/react-native-tab-view/
+
+[include]
+
+[libs]
+example/node_modules/react-native/Libraries/react-native/react-native-interface.js
+example/node_modules/react-native/flow
+flow/
+
+[options]
+emoji=true
+
+module.system=haste
+
+munge_underscores=true
+
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(4[0-7]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(4[0-7]\\|[1-3][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+unsafe.enable_getters_and_setters=true
+
+[version]
+^0.47.0

package.json

@@ -5,7 +5,7 @@
   "main": "src/index.js",
   "scripts": {
     "lint": "eslint src/*.js",
-    "test": "npm run lint",
+    "test": "npm run lint && flow",
     "prettify": "prettier --single-quote --trailing-comma es5 --print-width 100 --write src/**.js"
   },
   "files": ["README.md", "LICENCE", "src", "readmeAssets"],
@@ -39,6 +39,7 @@
     "eslint-plugin-jsx-a11y": "^4.0.0",
     "eslint-plugin-prettier": "2.1.2",
     "eslint-plugin-react": "^6.10.0",
+    "flow-bin": "^0.47.0",
     "prettier": "^1.5.3",
     "react": "16.0.0-alpha.12"
   },

src/ImageHeaderScrollView.js

@@ -1,9 +1,8 @@
+// @flow weak
 import React, { Component } from 'react';
 import { Animated, ScrollView, StyleSheet, View } from 'react-native';
 import _ from 'lodash';
 
-const SCROLLVIEW_REF = 'ScrollView';
-
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -40,7 +39,10 @@ const styles = StyleSheet.create({
   },
 });
 
-class ImageHeaderScrollView extends Component {
+class ImageHeaderScrollView extends Component<*, *, *> {
+  container: *;
+  scrollViewRef: ScrollView;
+
   constructor(props) {
     super(props);
     this.state = {
@@ -61,7 +63,7 @@ class ImageHeaderScrollView extends Component {
    * with any component that expects a `ScrollView`.
    */
   getScrollResponder() {
-    return this[SCROLLVIEW_REF].getScrollResponder();
+    return this.scrollViewRef.getScrollResponder();
   }
   getScrollableNode() {
     return this.getScrollResponder().getScrollableNode();
@@ -70,7 +72,7 @@ class ImageHeaderScrollView extends Component {
     return this.getScrollResponder().getInnerViewNode();
   }
   setNativeProps(props) {
-    this[SCROLLVIEW_REF].setNativeProps(props);
+    this.scrollViewRef.setNativeProps(props);
   }
   scrollTo(...args) {
     this.getScrollResponder().scrollTo(...args);
@@ -187,7 +189,7 @@ class ImageHeaderScrollView extends Component {
         {this.renderHeader()}
         <Animated.View style={[styles.container, { transform: [{ translateY: topMargin }] }]}>
           <ScrollView
-            ref={ref => (this[SCROLLVIEW_REF] = ref)}
+            ref={ref => (this.scrollViewRef = ref)}
             style={styles.container}
             scrollEventThrottle={16}
             onScroll={Animated.event([
@@ -208,8 +210,8 @@ class ImageHeaderScrollView extends Component {
 }
 
 ImageHeaderScrollView.propTypes = {
-  children: React.PropTypes.node || React.PropTypes.nodes,
-  childrenStyle: View.propTypes.style,
+  children: React.PropTypes.node || React.PropTypes.arrayOf(React.PropTypes.node),
+  childrenStyle: React.PropTypes.any,
   overlayColor: React.PropTypes.string,
   fadeOutForeground: React.PropTypes.bool,
   foregroundParallaxRatio: React.PropTypes.number,

src/TriggeringView.js

@@ -1,18 +1,28 @@
+// @flow weak
 import React, { Component } from 'react';
 import { View, Animated } from 'react-native';
 import _ from 'lodash';
 
-class TriggeringView extends Component {
+class TriggeringView extends Component<*, *, *> {
+  initialPageY: number;
+  listenerId: number;
+  ref: *;
+  height: number;
+
+  onScroll: Function;
+  onRef: Function;
+  onLayout: Function;
+
   constructor(props) {
     super(props);
     this.state = {
       touched: false,
       hidden: false,
     };
     this.initialPageY = 0;
-    this.onScroll = this.onScroll.bind(this);
-    this.onRef = this.onRef.bind(this);
-    this.onLayout = this.onLayout.bind(this);
+    this.onScroll = this._onScroll.bind(this);
+    this.onRef = this._onRef.bind(this);
+    this.onLayout = this._onLayout.bind(this);
   }
 
   componentWillMount() {
@@ -30,19 +40,19 @@ class TriggeringView extends Component {
     nextContext.scrollY.addListener(this.onScroll);
   }
 
-  onRef(ref) {
+  _onRef(ref) {
     this.ref = ref;
   }
 
-  onLayout(e) {
+  _onLayout(e) {
     const layout = e.nativeEvent.layout;
     this.height = layout.height;
     this.ref.measure((x, y, width, height, pageX, pageY) => {
       this.initialPageY = pageY;
     });
   }
 
-  onScroll(event) {
+  _onScroll(event) {
     const pageY = this.initialPageY - event.value;
     this.triggerEvents(this.context.scrollPageY, pageY, pageY + this.height);
   }
@@ -70,7 +80,7 @@ class TriggeringView extends Component {
   }
 
   render() {
-    const viewProps = _.pick(this.props, _.keys(View.propTypes));
+    const viewProps = _.omit(this.props, _.keys(TriggeringView.propTypes));
     return (
       <View ref={this.onRef} onLayout={this.onLayout} collapsable={false} {...viewProps}>
         {this.props.children}
@@ -85,7 +95,6 @@ TriggeringView.propTypes = {
   onDisplay: React.PropTypes.func,
   onTouchTop: React.PropTypes.func,
   onTouchBottom: React.PropTypes.func,
-  ...View.propTypes,
 };
 
 TriggeringView.defaultProps = {

yarn.lock

@@ -915,6 +915,10 @@ flat-cache@^1.2.1:
     graceful-fs "^4.1.2"
     write "^0.2.1"
 
+flow-bin@^0.47.0:
+  version "0.47.0"
+  resolved "https://registry.yarnpkg.com/flow-bin/-/flow-bin-0.47.0.tgz#a2a08ab3e0d1f1cb57d17e27b30b118b62fda367"
+
 foreach@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/foreach/-/foreach-2.0.5.tgz#0bee005018aeb260d0a3af3ae658dd0136ec1b99"