feat: add custom scale decorator

example/src/App.tsx

@@ -9,7 +9,7 @@ import {
   TouchableOpacity,
   Text,
 } from 'react-native';
-import { MyDraggableList } from 'react-native-awesome-module';
+import { MyDraggableList, MyScaleDecorator } from 'react-native-awesome-module';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 
 const getItems = (count: number) =>
@@ -23,17 +23,19 @@ export default function App() {
 
   const renderItem = ({ item, drag, isActive }: any) => {
     return (
-      <TouchableOpacity
-        onLongPress={drag}
-        disabled={isActive}
-        style={[
-          styles.rowItem,
-          { backgroundColor: isActive ? '#111111' : item.backgroundColor },
-        ]}
-      >
-        <Text style={styles.text}>{item.content.label}</Text>
-        <Text>{item.content.subtitle}</Text>
-      </TouchableOpacity>
+      <MyScaleDecorator>
+        <TouchableOpacity
+          onLongPress={drag}
+          disabled={isActive}
+          style={[
+            styles.rowItem,
+            { backgroundColor: isActive ? '#111111' : item.backgroundColor },
+          ]}
+        >
+          <Text style={styles.text}>{item.content.label}</Text>
+          <Text>{item.content.subtitle}</Text>
+        </TouchableOpacity>
+      </MyScaleDecorator>
     );
   };
 

src/decorators/MyScaleDecorator/index.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ScaleDecorator } from 'react-native-draggable-flatlist';
+
+export function MyScaleDecorator({ children }) {
+  return <ScaleDecorator>{children}</ScaleDecorator>;
+}

src/decorators/MyScaleDecorator/index.web.tsx

@@ -0,0 +1,3 @@
+export function MyScaleDecorator({ children }) {
+  return children;
+}

src/index.tsx

@@ -1,3 +1,4 @@
 import 'react-native-gesture-handler';
 
 export { MyDraggableList } from './MyDraggableList';
+export { MyScaleDecorator } from './decorators/MyScaleDecorator';