Add Reanimated as optional dep

generatedTypes/src/optionalDependencies/ReanimatedPackage.d.ts

@@ -0,0 +1,2 @@
+declare let ReanimatedPackage: any;
+export default ReanimatedPackage;

generatedTypes/src/optionalDependencies/index.d.ts

@@ -6,3 +6,4 @@ export { PickerPackage, CommunityPickerPackage } from './PickerPackage';
 export { default as SvgPackage } from './SvgPackage';
 export { createShimmerPlaceholder } from './ShimmerPackage';
 export { default as LinearGradientPackage } from './LinearGradientPackage';
+export { default as ReanimatedPackage } from './ReanimatedPackage';

src/components/view/index.tsx

@@ -1,6 +1,6 @@
 import React, {PureComponent} from 'react';
 import {View as RNView, SafeAreaView, Animated, ViewProps as RNViewProps, StyleProp, ViewStyle} from 'react-native';
-import Reanimated from 'react-native-reanimated';
+// import Reanimated from 'react-native-reanimated';
 import {
   asBaseComponent,
   forwardRef,
@@ -9,6 +9,7 @@ import {
   ContainerModifiers
 } from '../../commons/new';
 import {Constants} from 'helpers';
+import {ReanimatedPackage} from '../../optionalDependencies';
 
 
 export interface ViewProps extends Omit<RNViewProps, 'style'>, ContainerModifiers {
@@ -67,8 +68,13 @@ class View extends PureComponent<PropsTypes, ViewState> {
     super(props);
 
     this.Container = props.useSafeArea && Constants.isIOS ? SafeAreaView : RNView;
+
     if (props.reanimated) {
-      this.Container = Reanimated.createAnimatedComponent(this.Container);
+      if (ReanimatedPackage) {
+        this.Container = ReanimatedPackage.createAnimatedComponent(this.Container);
+      } else {
+        console.error(`RNUILib View's "reanimated" prop requires installing "react-native-reanimated" dependency`);
+      }
     } else if (props.animated) {
       this.Container = Animated.createAnimatedComponent(this.Container);
     }

src/optionalDependencies/ReanimatedPackage.ts

@@ -0,0 +1,6 @@
+let ReanimatedPackage: any;
+try {
+  ReanimatedPackage = require('react-native-reanimated').default;
+} catch (error) {}
+
+export default ReanimatedPackage;

src/optionalDependencies/index.ts

@@ -6,3 +6,4 @@ export {PickerPackage, CommunityPickerPackage} from './PickerPackage';
 export {default as SvgPackage} from './SvgPackage';
 export {createShimmerPlaceholder} from './ShimmerPackage';
 export {default as LinearGradientPackage} from './LinearGradientPackage';
+export {default as ReanimatedPackage} from './ReanimatedPackage';