react-native-reanimated-dnd 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +10 -11
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
# React Native Reanimated DnD 🎯
|
|
2
2
|
|
|
3
3
|
<p align="center">
|
|
4
|
-
<img src="
|
|
4
|
+
<img src="https://github.com/user-attachments/assets/dba6226e-c407-4a12-9feb-e8f588d6c1e3" alt="React Native Reanimated DnD Demo" style="max-width: 100%; width: 100%;" />
|
|
5
5
|
</p>
|
|
6
|
-
|
|
7
6
|
<div align="center">
|
|
8
|
-
|
|
7
|
+
|
|
9
8
|
**A drag-and-drop library that _finally_ works on React Native** ✨
|
|
10
9
|
|
|
11
10
|
_Powerful, performant, and built for the modern React Native developer_
|
|
@@ -66,7 +65,7 @@ After countless attempts with drag-and-drop solutions that don't work or are sim
|
|
|
66
65
|
|
|
67
66
|
**📱 Scan & Play**
|
|
68
67
|
|
|
69
|
-
<img src="
|
|
68
|
+
<img src="https://github.com/user-attachments/assets/80f923f6-7c5f-42e9-9817-7770ee27a70b" alt="Expo QR Code" width="200" height="200" />
|
|
70
69
|
|
|
71
70
|
*Scan with your camera or Expo Go app*
|
|
72
71
|
|
|
@@ -108,7 +107,7 @@ The example app includes:
|
|
|
108
107
|
|
|
109
108
|
## 🎬 Video Showcase
|
|
110
109
|
|
|
111
|
-
**See the library in action** with these
|
|
110
|
+
**See the library in action** with these demos showcasing some of the key features and use cases.
|
|
112
111
|
|
|
113
112
|
<div align="center">
|
|
114
113
|
|
|
@@ -119,7 +118,7 @@ The example app includes:
|
|
|
119
118
|
### 📋 Sortable Lists
|
|
120
119
|
*Drag and drop to reorder items with smooth animations*
|
|
121
120
|
|
|
122
|
-
https://github.com/
|
|
121
|
+
https://github.com/user-attachments/assets/1cd1929c-724b-4dda-a916-f3e69f917f7b
|
|
123
122
|
|
|
124
123
|
**Features:** Auto-scrolling • Drag handles • Smooth transitions
|
|
125
124
|
|
|
@@ -129,7 +128,7 @@ https://github.com/entropyconquers/react-native-reanimated-dnd/raw/main/document
|
|
|
129
128
|
### 🎯 Collision Detection
|
|
130
129
|
*Multiple algorithms for precise drop targeting*
|
|
131
130
|
|
|
132
|
-
https://github.com/
|
|
131
|
+
https://github.com/user-attachments/assets/379040d7-8489-430b-bae4-3fcbde34264e
|
|
133
132
|
|
|
134
133
|
**Algorithms:** Center • Intersect • Contain
|
|
135
134
|
|
|
@@ -141,7 +140,7 @@ https://github.com/entropyconquers/react-native-reanimated-dnd/raw/main/document
|
|
|
141
140
|
### 🎪 Drag Handles
|
|
142
141
|
*Precise control with dedicated drag areas*
|
|
143
142
|
|
|
144
|
-
https://github.com/
|
|
143
|
+
https://github.com/user-attachments/assets/ec051d5b-8ba0-41b7-86ae-379de26a97dd
|
|
145
144
|
|
|
146
145
|
**Features:** Touch-friendly • Visual feedback • Accessibility
|
|
147
146
|
|
|
@@ -151,7 +150,7 @@ https://github.com/entropyconquers/react-native-reanimated-dnd/raw/main/document
|
|
|
151
150
|
### 📦 Bounded Dragging
|
|
152
151
|
*Constrain movement within specific boundaries*
|
|
153
152
|
|
|
154
|
-
https://github.com/
|
|
153
|
+
https://github.com/user-attachments/assets/7bd5045b-47c4-4d9b-a0c5-eb89122ec9c0
|
|
155
154
|
|
|
156
155
|
**Constraints:** Axis-locked • Container bounds • Custom limits
|
|
157
156
|
|
|
@@ -163,7 +162,7 @@ https://github.com/entropyconquers/react-native-reanimated-dnd/raw/main/document
|
|
|
163
162
|
### ✨ Active Drop Styles
|
|
164
163
|
*Visual feedback during drag operations*
|
|
165
164
|
|
|
166
|
-
https://github.com/
|
|
165
|
+
https://github.com/user-attachments/assets/3b8a3d00-38ad-4532-bd42-173037ea61b9
|
|
167
166
|
|
|
168
167
|
**Feedback:** Hover states • Drop zones • Visual cues
|
|
169
168
|
|
|
@@ -173,7 +172,7 @@ https://github.com/entropyconquers/react-native-reanimated-dnd/raw/main/document
|
|
|
173
172
|
### 🔄 State Management
|
|
174
173
|
*Complete lifecycle tracking and callbacks*
|
|
175
174
|
|
|
176
|
-
https://github.com/
|
|
175
|
+
https://github.com/user-attachments/assets/da5e526f-f2d2-4dc5-96b5-3fecc4faf57a
|
|
177
176
|
|
|
178
177
|
**States:** Idle • Dragging • Animating • Dropped
|
|
179
178
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-native-reanimated-dnd",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"description": "A powerful drag-and-drop library for React Native using Reanimated 3",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
"type": "git",
|
|
35
35
|
"url": "git+https://github.com/entropyconquers/react-native-reanimated-dnd.git"
|
|
36
36
|
},
|
|
37
|
+
"homepage": "https://react-native-reanimated-dnd.netlify.app/",
|
|
37
38
|
"peerDependencies": {
|
|
38
39
|
"react": ">=16.8.0",
|
|
39
40
|
"react-native": ">=0.60.0",
|