♻️ (ImageHeaderSrollView) use FunctionComponent and typescript

Author: Spoutnik97

.eslintrc

@@ -1,7 +1,21 @@
 {
-  "extends": ["bambi/native"],
+  "parser": "babel-eslint",
+  "plugins": ["react", "react-native", "prettier"],
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
   "rules": {
     "prettier/prettier": "error",
-    "flowtype/type-id-match": [0, ""]
+    "react-native/no-unused-styles": 2,
+    "react-native/split-platform-components": 2,
+    "react-native/no-inline-styles": 2,
+    "react-native/no-color-literals": 2,
+    "react/prop-types": 0
+  },
+  "env": {
+    "browser": true,
+    "react-native/react-native": true
   }
 }

.flowconfig

@@ -1,14 +1,13 @@
 import React from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
 
-// @ts-ignore
-import HeaderImageScrollView, { TriggeringView } from 'react-native-image-header-scroll-view';
+import { ImageHeaderScrollView, TriggeringView } from 'react-native-image-header-scroll-view';
 
 export default function App() {
   return (
-    <HeaderImageScrollView
+    <ImageHeaderScrollView
       maxHeight={200}
-      minHeight={56}
+      minHeight={100}
       headerImage={require('./assets/NZ.jpg')}
       renderForeground={() => (
         <View style={{ height: 150, justifyContent: 'center', alignItems: 'center' }}>
@@ -23,6 +22,6 @@ export default function App() {
           <Text>Scroll Me!</Text>
         </TriggeringView>
       </View>
-    </HeaderImageScrollView>
+    </ImageHeaderScrollView>
   );
 }

example/App.tsx

@@ -7,7 +7,7 @@ module.exports = function(api) {
         'module-resolver',
         {
           alias: {
-            'react-native-image-header-scroll-view': '../src/index.ts',
+            'react-native-image-header-scroll-view': '..',
           },
         },
       ],

example/babel.config.js

@@ -5,7 +5,7 @@
   "main": "lib/index.js",
   "scripts": {
     "lint": "eslint .",
-    "test": "npm run lint && flow",
+    "test": "npm run lint && npm run tsc --noEmit",
     "prettify": "prettier --write src/**.js",
     "build": "tsc"
   },
@@ -37,10 +37,12 @@
   "devDependencies": {
     "@types/react": "^16.9.56",
     "@types/react-native": "^0.63.35",
+    "babel-eslint": "^10.1.0",
     "babel-preset-react-native": "4.0.0",
-    "eslint": "^4.14.0",
-    "eslint-config-bambi": "^1.2.0",
-    "flow-bin": "^0.61.0",
+    "eslint": "^7.13.0",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.21.5",
+    "eslint-plugin-react-native": "^3.10.0",
     "prettier": "^1.10.2",
     "react": "16.2.0",
     "react-native": "0.52.2",
@@ -50,11 +52,6 @@
     "react": ">=16.8.1",
     "react-native": ">=0.59.0"
   },
-  "dependencies": {
-    "prop-types": "^15.6.0"
-  },
-  "eslintConfig": {
-    "extends": "bambi/native"
-  },
-  "types": "./src/index.d.ts"
+  "dependencies": {},
+  "types": "./lib/index.d.ts"
 }