feat: add more decorators

src/decorators/OpacityDecorator/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { OpacityDecorator } from 'react-native-draggable-flatlist';
+import type { Props } from '../types';
+
+function CustomOpacityDecorator({ children }: Props) {
+  return <OpacityDecorator>{children}</OpacityDecorator>;
+}
+
+export { CustomOpacityDecorator as OpacityDecorator };

src/decorators/OpacityDecorator/index.web.tsx

@@ -0,0 +1,5 @@
+import type { Props } from '../types';
+
+export function OpacityDecorator({ children }: Props) {
+  return children;
+}

src/decorators/ScaleDecorator/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ScaleDecorator } from 'react-native-draggable-flatlist';
-import type { Props } from './types';
+import type { Props } from '../types';
 
 function CustomScaleDecorator({ children }: Props) {
   return <ScaleDecorator>{children}</ScaleDecorator>;

src/decorators/ScaleDecorator/index.web.tsx

@@ -1,4 +1,4 @@
-import type { Props } from './types';
+import type { Props } from '../types';
 
 export function ScaleDecorator({ children }: Props) {
   return children;

src/decorators/ShadowDecorator/index.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ShadowDecorator } from 'react-native-draggable-flatlist';
+import type { Props } from '../types';
+
+function CustomShadowDecorator({ children }: Props) {
+  return <ShadowDecorator>{children}</ShadowDecorator>;
+}
+
+export { CustomShadowDecorator as ShadowDecorator };

src/decorators/ShadowDecorator/index.web.tsx

@@ -0,0 +1,5 @@
+import type { Props } from '../types';
+
+export function ShadowDecorator({ children }: Props) {
+  return children;
+}

src/index.tsx

@@ -1,4 +1,6 @@
 import 'react-native-gesture-handler';
 
 export { DraggableList } from './DraggableList';
+export { OpacityDecorator } from './decorators/OpacityDecorator';
 export { ScaleDecorator } from './decorators/ScaleDecorator';
+export { ShadowDecorator } from './decorators/ShadowDecorator';