chore: create utils folder

src/index.tsx

@@ -27,7 +27,9 @@ import {
 } from 'react-native-gesture-handler';
 
 import { IProps, IState } from './options';
-import { getSpringConfig, isIphoneX, isIos, hasAbsoluteStyle } from './utils';
+import { getSpringConfig } from './utils/get-spring-config';
+import { isIphoneX, isIos } from './utils/devices';
+import { hasAbsoluteStyle } from './utils/has-absolute-style';
 import s from './styles';
 
 const { height: screenHeight } = Dimensions.get('window');

src/utils/devices.ts

@@ -0,0 +1,7 @@
+import { Platform, Dimensions } from 'react-native';
+
+const { width, height } = Dimensions.get('window');
+
+export const isIos = Platform.OS === 'ios';
+export const isIphoneX =
+  isIos && (height === 812 || width === 812 || height === 896 || width === 896);

src/utils.ts → src/utils/get-spring-config.ts

@@ -1,9 +1,4 @@
-import * as React from 'react';
-import { Platform, Dimensions, StyleProp, StyleSheet } from 'react-native';
-
-import { ISpringProps } from './options';
-
-const { width: screenWidth, height: screenHeight } = Dimensions.get('window');
+import { ISpringProps } from '../options';
 
 export const getSpringConfig = (config: ISpringProps) => {
   const { friction, tension, speed, bounciness, stiffness, damping, mass } = config;
@@ -40,20 +35,3 @@ export const getSpringConfig = (config: ISpringProps) => {
     friction,
   };
 };
-
-export const isIos = Platform.OS === 'ios';
-export const isIphoneX =
-  isIos &&
-  (screenHeight === 812 || screenWidth === 812 || screenHeight === 896 || screenWidth === 896);
-
-export const hasAbsoluteStyle = (Component: React.ReactNode): boolean => {
-  if (!React.isValidElement(Component)) {
-    return false;
-  }
-
-  // @ts-ignore
-  const element = typeof Component === 'object' ? Component : Component();
-  const style: StyleProp<any> = Component && StyleSheet.flatten(element.props.style);
-
-  return style && style.position === 'absolute';
-};

src/utils/has-absolute-style.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { StyleProp, StyleSheet } from 'react-native';
+
+export const hasAbsoluteStyle = (Component: React.ReactNode): boolean => {
+  if (!React.isValidElement(Component)) {
+    return false;
+  }
+
+  // @ts-ignore
+  const element = typeof Component === 'object' ? Component : Component();
+  const style: StyleProp<any> = Component && StyleSheet.flatten(element.props.style);
+
+  return style && style.position === 'absolute';
+};