@@ -21,9 +21,9 @@ drag-and-drop functionality in Flutter.
21
21
22
22
### Reorderable List
23
23
24
- | ![ Image 1 ] ( https://github.com/user-attachments/assets/7a31a2c0-f49b-4280-ac8c-b4bc35e5a3db?raw=true ) | ![ Image 2 ] ( https://github.com/user-attachments/assets/3a7d34ec-eb2f-491c-af8f-43b569607d91?raw=true ) | ![ Image 3 ] ( https://github.com/user-attachments/assets/68c1b0f7-481e-4e6e-b995-e1b754354d1f?raw=true ) |
25
- | :---: | :---: | :---: |
26
- | ReorderableGridView | ReorderableListView | Swap Animation |
24
+ | < img src = " ./gif/animated-grid.gif " width = " 250 " /> | < img src = " ./gif/animated-list.gif " width = " 250 " /> | < img src = " ./gif/swap-animation.gif " width = " 250 " /> |
25
+ | :------------------------------------------------: | :------------------------------------------------: | :-------------------------------------------------: |
26
+ | ReorderableGridView | ReorderableListView | Swap Animation |
27
27
28
28
## How to use it?
29
29
@@ -255,22 +255,22 @@ You can use multiple animations at the same time by providing a list of animatio
255
255
256
256
The following animations are available:
257
257
258
- | Animation Type | ListView Example | GridView Example |
259
- | ------------------| -------------------------------| -------------------------------|
260
- | ** FadeIn** | <img src =" https://github.com/user-attachments/assets/ee8e2655-db72-472b-81b1-b9d1f6535518?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/38376923-8aa6-4803-a09c-a301db98c939?raw=true " width =" 250 " /> |
261
- | ** FlipInY** | <img src =" https://github.com/user-attachments/assets/e7ed69dc-c038-4c14-ad82-59dec5075b10?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/cb8c0be3-9178-41e4-991b-4d652bde7ed1?raw=true " width =" 250 " /> |
262
- | ** FlipInX** | <img src =" https://github.com/user-attachments/assets/08a7753f-95f7-48c8-881f-3e746798b3ca?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/f67f2463-459e-4e97-ac3f-4cb410eacf00?raw=true " width =" 250 " /> |
263
- | ** Landing** | <img src =" https://github.com/user-attachments/assets/1c8ab183-1bce-4cf9-9a3d-7b4132083583?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/363f34d1-45b5-4260-a2ce-ec927b67ec02?raw=true " width =" 250 " /> |
264
- | ** ScaleIn** | <img src =" https://github.com/user-attachments/assets/a3bdbeb9-7b6e-4ee7-a822-274df2f84954?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/69c06e86-e43a-4e71-ad2e-78f4c370c0de?raw=true " width =" 250 " /> |
265
- | ** ScaleInTop** | <img src =" https://github.com/user-attachments/assets/2548ebdb-b873-44b7-b01a-fe1910fc5386?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/b1d63684-f934-4971-97b9-f0bce6358860?raw=true " width =" 250 " /> |
266
- | ** ScaleInBottom** | <img src =" https://github.com/user-attachments/assets/f175da62-6a3b-4f8b-947f-a8ee9c6b656f?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/52f824ee-e437-464f-a462-3474a63e4306?raw=true " width =" 250 " /> |
267
- | ** ScaleInLeft** | <img src =" https://github.com/user-attachments/assets/010917bb-4e04-4455-951e-f9460f9c64a3?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/844e785a-c364-462e-9e9b-37d523bdda08?raw=true " width =" 250 " /> |
268
- | ** ScaleInRight** | <img src =" https://github.com/user-attachments/assets/728c3886-f2eb-4a08-b87e-9ba68867e527?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/cbbe1462-a24b-4a75-96ba-56c028b53818?raw=true " width =" 250 " /> |
269
- | ** Size** | <img src =" https://github.com/user-attachments/assets/8bdb4cf7-c824-4a61-8cd2-a6902b64013e?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/9729cf06-d63d-4208-b964-30042520c8d7?raw=true " width =" 250 " /> |
270
- | ** SlideInLeft** | <img src =" https://github.com/user-attachments/assets/6f8d943f-bc39-4e79-a387-976b10220a52?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/1496315f-907d-465b-b537-4fa76ff7d4ea?raw=true " width =" 250 " /> |
271
- | ** SlideInRight** | <img src =" https://github.com/user-attachments/assets/6197c7b4-9060-4da4-a367-1a4570176916?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/353b2074-707d-4f76-a499-14caac021941?raw=true " width =" 250 " /> |
272
- | ** SlideInDown** | <img src =" https://github.com/user-attachments/assets/64c4c6cc-fbd6-4955-b5d8-4726e1e9b271?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/b6f8bb96-f395-4378-90bf-c8b0d5a17808?raw=true " width =" 250 " /> |
273
- | ** SlideInUp** | <img src =" https://github.com/user-attachments/assets/d8da449a-9d65-48c8-b9d5-b27f193b79c3?raw=true " width =" 250 " /> | <img src =" https://github.com/user-attachments/assets/ee7640c3-b1ea-443c-ba1a-b0a65f5b13af?raw=true " width =" 250 " /> |
258
+ | Animation Type | ListView Example | GridView Example |
259
+ | ------------------- | -------------------------------------------------------------------- | ------------------------------------- -------------------------------|
260
+ | ** FadeIn** | <img src =" ./gif/animations/list/fade-in.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/fade-in.gif " width =" 250 " /> |
261
+ | ** FlipInY** | <img src =" ./gif/animations/list/flip-in-y.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/flip-in-y.gif " width =" 250 " /> |
262
+ | ** FlipInX** | <img src =" ./gif/animations/list/flip-in-x.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/flip-in-x.gif " width =" 250 " /> |
263
+ | ** Landing** | <img src =" ./gif/animations/list/landing.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/landing.gif " width =" 250 " /> |
264
+ | ** ScaleIn** | <img src =" ./gif/animations/list/scale-in.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/scale-in.gif " width =" 250 " /> |
265
+ | ** ScaleInTop** | <img src =" ./gif/animations/list/scale-in-top.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/scale-in-top.gif " width =" 250 " /> |
266
+ | ** ScaleInBottom** | <img src =" ./gif/animations/list/scale-in-bottom.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/scale-in-bottom.gif " width =" 250 " /> |
267
+ | ** ScaleInLeft** | <img src =" ./gif/animations/list/scale-in-left.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/scale-in-left.gif " width =" 250 " /> |
268
+ | ** ScaleInRight** | <img src =" ./gif/animations/list/scale-in-right.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/scale-in-right.gif " width =" 250 " /> |
269
+ | ** Size** | <img src =" ./gif/animations/list/size.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/size.gif " width =" 250 " /> |
270
+ | ** SlideInLeft** | <img src =" ./gif/animations/list/slide-in-left.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/slide-in-left.gif " width =" 250 " /> |
271
+ | ** SlideInRight** | <img src =" ./gif/animations/list/slide-in-right.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/slide-in-right.gif " width =" 250 " /> |
272
+ | ** SlideInDown** | <img src =" ./gif/animations/list/slide-in-down.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/slide-in-down.gif " width =" 250 " /> |
273
+ | ** SlideInUp** | <img src =" ./gif/animations/list/slide-in-up.gif " width =" 250 " /> | <img src =" ./gif/animations/grid/slide-in-up.gif " width =" 250 " /> |
274
274
275
275
276
276
0 commit comments