fotomain

Daavidaviid / react-native-vertical-drag-and-drop-list.tsx

Last active December 5, 2025 08:09

React Native Drag and drop vertical list with same height item using Reanimated 4 [Web ✅] - [iOS 😕] - [Android 😕]

	import { useCallback, useState } from 'react';
	import { LayoutChangeEvent, SafeAreaView, ScrollView, StyleProp, StyleSheet, Text, View, ViewStyle } from 'react-native';
	import { Gesture, GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';
	import Animated, { SharedValue, useAnimatedStyle, useDerivedValue, useSharedValue, withSpring } from 'react-native-reanimated';
	import { runOnJS } from 'react-native-worklets';

	type Row = { key: string; label: string };

	const SEPARATOR_HEIGHT = 16;