Fix scroll view ref issue (#1)

Use offset in ScrollToView
Add ESLint and Prettier as dev dependencies
Fix ESLint issues

.eslintrc.js

@@ -0,0 +1,19 @@
+module.exports = {
+  root: true,
+  extends: ['@react-native-community', 'prettier'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint', 'import'],
+  rules: {
+    'arrow-body-style': ['error', 'as-needed'],
+    'no-console': 'error',
+    'react/jsx-key': 'error',
+    'react-hooks/exhaustive-deps': 'off',
+    'import/order': [
+      'error',
+      {
+        groups: ['external', 'internal', 'builtin', 'parent', 'unknown', 'index', 'sibling'],
+        'newlines-between': 'always',
+      },
+    ],
+  },
+}

package.json

@@ -33,11 +33,18 @@
     "react-native": ">=0.59.0-rc.0 <1.0.x"
   },
   "devDependencies": {
+    "@react-native-community/eslint-config": "^0.0.7",
     "@types/react": "^16.9.19",
     "@types/react-native": "^0.61.12",
+    "@typescript-eslint/eslint-plugin": "^2.23.0",
+    "@typescript-eslint/parser": "^2.23.0",
     "auto-changelog": "^1.16.2",
+    "eslint": "^6.8.0",
+    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-prettier": "^3.1.2",
+    "prettier": "^1.19.1",
     "react": "^16.12.0",
     "react-native": "^0.59.10",
-    "typescript": "^3.7.5"
+    "typescript": "^3.8.2"
   }
 }

src/CollapsibleNavBarScrollView.tsx

@@ -1,14 +1,4 @@
-import React, {
-  memo,
-  useRef,
-  useCallback,
-  useEffect,
-  useMemo,
-  ReactNode,
-  useState,
-  forwardRef,
-  useImperativeHandle,
-} from 'react'
+import React, { memo, useRef, useCallback, useEffect, useMemo, useState, forwardRef, useImperativeHandle } from 'react'
 import {
   Animated,
   ScrollView,
@@ -17,7 +7,6 @@ import {
   NativeScrollEvent,
   ScrollViewProps,
   LayoutChangeEvent,
-  findNodeHandle,
 } from 'react-native'
 
 import useTimeout from './useTimeout'
@@ -174,9 +163,11 @@ export const CollapsibleNavBarScrollView = memo(
       )
 
       const scrollToView = useCallback((viewRef: View, offset = 0) => {
-        if (viewRef && viewRef.measure && contentScrollViewRef.current) {
+        if (viewRef && viewRef.measure) {
           viewRef.measure((ox, oy) => {
-            contentScrollViewRef.current.scrollTo({ y: oy })
+            if (contentScrollViewRef.current) {
+              contentScrollViewRef.current.scrollTo({ y: oy + offset })
+            }
           })
         }
       }, [])

src/useTimeout.ts

@@ -1,28 +1,25 @@
-import { useRef, useEffect, useCallback } from "react";
+import { useRef, useEffect, useCallback } from 'react'
 
-const useTimeout = (): [
-  (callback: () => void, delay: number) => void,
-  () => void
-] => {
-  const timer = useRef<number | null>(null);
+const useTimeout = (): [(callback: () => void, delay: number) => void, () => void] => {
+  const timer = useRef<number | null>(null)
 
   const clearTimer = useCallback(() => {
     if (timer.current) {
-      clearTimeout(timer.current);
+      clearTimeout(timer.current)
     }
-  }, []);
+  }, [])
 
-  useEffect(() => clearTimer, []);
+  useEffect(() => clearTimer, [])
 
   const setTimer = useCallback((callback: () => void, delay: number) => {
-    clearTimer();
+    clearTimer()
     timer.current = setTimeout(() => {
-      timer.current = null;
-      callback();
-    }, delay);
-  }, []);
+      timer.current = null
+      callback()
+    }, delay)
+  }, [])
 
-  return [setTimer, clearTimer];
-};
+  return [setTimer, clearTimer]
+}
 
-export default useTimeout;
+export default useTimeout