feature:

- add easing add property

Author: aliunco

README.md

@@ -52,6 +52,7 @@ here is the properties and the descriptions of it:
 | shouldEnterWithAnimation | `false` | `boolean` | `NO` | if it's `true`, then the first state of `visible` would be presented by animation |
 | style | `undefined` | `ViewStyle` | `NO` | optinal style for the fadeview itself |
 | bearingMoveDistance| 50 | `number` | `NO` | option distance when you pass the directional Bearing for entrance or leave |
+| easing | `Easing.inOut(Easing.linear)` | `EasingFunction` | `NO` | Change the Easing function of the animation here |
 | removeChildrenAfterDisapearance| `false` | `boolean` | `NO` | you can choose if you want the children view to be removed after disappearance | 
 | children | `undefined` | `JSX.Element` | `JSX.Element[]` | `NO` | child component(s) in order to have the fade animation |
 | entranceBearing | `Bearing.Center` | `Bearing` | `NO` | entrance animation with can be determined by `Bearing` enum from the lib, values: `Top`, `Bottom`, `Left`, `Right` , `Center` |

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-fadeview-wrapper",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "author": "Ali Saeedifar <[email protected]>",
   "description": "A handy fadeview component for the react native",
   "main": "lib/index.js",

src/components/FadeView.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Animated, Easing, StyleProp, ViewProps, ViewStyle } from "react-native";
+import { Animated, Easing, EasingFunction, StyleProp, ViewProps, ViewStyle } from "react-native";
 
 export enum Bearing {
   Top,
@@ -14,6 +14,7 @@ type Props = ViewProps & {
   style?: StyleProp<ViewStyle>;
   children?: React.ReactNode;
   entranceBearing?: Bearing;
+  easing?: EasingFunction;
   leaveBearing?: Bearing;
   fadeOutScale?: number;
   duration?: number;
@@ -30,6 +31,7 @@ const FadeView = ({
     visible,
     children,
     duration = 200,
+    easing = Easing.inOut(Easing.linear),
     fadeOutScale = 1.1,
     shouldEnterWithAnimation,
     bearingMoveDistance = 50,
@@ -63,9 +65,9 @@ const FadeView = ({
     applyingVisibleState.current = visible;
 
     theAnimation.current = Animated.timing(visibilityAnimValue, {
-      toValue: visible ? 1 : 0,
+      easing,
       duration,
-      easing: Easing.inOut(Easing.linear),
+      toValue: visible ? 1 : 0,
       useNativeDriver: true,
     });