install bambi for typecheking

Author: Nhacsam

.eslintignore

@@ -1,6 +1 @@
 **/node_modules
-**/android
-**/ios
-**/vendors
-**/coverage
-**/flow-coverage

.eslintrc

@@ -1,28 +1,7 @@
 {
-  "extends": [
-    "react-app",
-    "prettier",
-    "prettier/flowtype",
-    "prettier/react"
-  ],
-  "plugins": [
-    "flowtype",
-    "react",
-    "prettier"
-  ],
-  "globals": {
-    "__DEV__": true
-  },
+  "extends": ["bambi/native"],
   "rules": {
-    "no-use-before-define": 0,
-    "no-unused-vars": "error",
-    "prettier/prettier": [
-      "error",
-      {
-        "trailingComma": "es5",
-        "singleQuote": true,
-        "printWidth": 100
-      }
-    ]
+    "prettier/prettier": "error",
+    "flowtype/type-id-match": [0, ""],
   }
 }

package.json

@@ -4,9 +4,9 @@
   "description": "ScrollView with an image in header which become a navbar",
   "main": "src/index.js",
   "scripts": {
-    "lint": "eslint src/*.js",
+    "lint": "eslint .",
     "test": "npm run lint && flow",
-    "prettify": "prettier --single-quote --trailing-comma es5 --print-width 100 --write src/**.js"
+    "prettify": "prettier --write src/**.js"
   },
   "files": ["README.md", "LICENCE", "src", "readmeAssets"],
   "repository": {
@@ -29,16 +29,9 @@
   },
   "homepage": "https://github.com/bamlab/react-native-image-header-scroll-view#readme",
   "devDependencies": {
-    "babel-eslint": "^7.2.3",
-    "babel-preset-react-native": "1.9.1",
-    "eslint": "^3.19.0",
-    "eslint-config-prettier": "1.7.0",
-    "eslint-config-react-app": "^0.6.2",
-    "eslint-plugin-flowtype": "^2.32.1",
-    "eslint-plugin-import": "^2.2.0",
-    "eslint-plugin-jsx-a11y": "^4.0.0",
-    "eslint-plugin-prettier": "2.1.2",
-    "eslint-plugin-react": "^6.10.0",
+    "babel-preset-react-native": "4.0.0",
+    "eslint": "^4.14.0",
+    "eslint-config-bambi": "^1.2.0",
     "flow-bin": "^0.61.0",
     "prettier": "^1.10.2",
     "react": "16.2.0",
@@ -50,5 +43,8 @@
   },
   "dependencies": {
     "prop-types": "^15.6.0"
+  },
+  "eslintConfig": {
+    "extends": "bambi/native"
   }
 }

src/ImageHeaderScrollView.js

@@ -38,8 +38,8 @@ export type State = {
 };
 
 class ImageHeaderScrollView extends Component<Props, State> {
-  container: ?any; // @see https://github.com/facebook/react-native/issues/15955
-  scrollViewRef: ?any; // @see https://github.com/facebook/react-native/issues/15955
+  container: ?View; // @see https://github.com/facebook/react-native/issues/15955
+  scrollViewRef: ?ScrollView; // @see https://github.com/facebook/react-native/issues/15955
   state: State;
 
   static defaultProps: DefaultProps = {
@@ -201,6 +201,7 @@ class ImageHeaderScrollView extends Component<Props, State> {
   };
 
   render() {
+    /* eslint-disable no-unused-vars */
     const {
       children,
       childrenStyle,
@@ -217,6 +218,7 @@ class ImageHeaderScrollView extends Component<Props, State> {
       renderTouchableFixedForeground,
       ...scrollViewProps
     } = this.props;
+    /* eslint-enable no-unused-vars */
 
     const headerScrollDistance = this.interpolateOnImageHeight([maxHeight, maxHeight - minHeight]);
     const topMargin = this.interpolateOnImageHeight([0, minHeight]);

src/TriggeringView.js

@@ -126,6 +126,7 @@ class TriggeringView extends Component<Props, State> {
   }
 
   render() {
+    /* eslint-disable no-unused-vars */
     const {
       onBeginHidden,
       onHide,
@@ -135,6 +136,8 @@ class TriggeringView extends Component<Props, State> {
       onTouchBottom,
       ...viewProps
     } = this.props;
+    /* eslint-enable no-unused-vars */
+
     return (
       <View ref={this.onRef} collapsable={false} {...viewProps} onLayout={this.onLayout}>
         {this.props.children}