diff --git a/src/components/DraggableList/index.native.tsx b/src/components/DraggableList/index.android.tsx
similarity index 100%
rename from src/components/DraggableList/index.native.tsx
rename to src/components/DraggableList/index.android.tsx
diff --git a/src/components/DraggableList/index.ios.tsx b/src/components/DraggableList/index.ios.tsx
new file mode 100644
index 0000000000000..a943fd45dffc1
--- /dev/null
+++ b/src/components/DraggableList/index.ios.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import DraggableFlatList from 'react-native-draggable-flatlist';
+import type {FlatList} from 'react-native-gesture-handler';
+import useThemeStyles from '@hooks/useThemeStyles';
+import type DraggableListProps from './types';
+
+function DraggableList<T>({...viewProps}: DraggableListProps<T>, ref: React.ForwardedRef<FlatList<T>>) {
+    const styles = useThemeStyles();
+    return (
+        <DraggableFlatList
+            ref={ref}
+            containerStyle={styles.flex1}
+            contentContainerStyle={styles.flexGrow1}
+            ListFooterComponentStyle={styles.flex1}
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...viewProps}
+        />
+    );
+}
+
+DraggableList.displayName = 'DraggableList';
+
+export default React.forwardRef(DraggableList);