added lots of animations

Author: sumit-coder

lib/views/screens/tabs/code_snippet_tab/widgets/code_snippet_list_view.dart

@@ -1,5 +1,6 @@
 import 'package:dotted_border/dotted_border.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/appwrite_service/auth_service.dart';
 import 'package:help_me_design/providers/snippet_tab_provider.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
@@ -102,6 +103,7 @@ class SnippetsCollectionCard extends StatelessWidget {
  child: Container(
  height: 154,
  width: 300,
+ clipBehavior: Clip.antiAlias,
  padding: EdgeInsets.all(MySpaceSystem.spaceX2),
  decoration: BoxDecoration(
  color: themeData.colorScheme.secondary,
@@ -129,11 +131,11 @@ class SnippetsCollectionCard extends StatelessWidget {
  SizedBox(height: MySpaceSystem.spaceX2),
  Text('$snippetsCount', style: themeData.textTheme.bodyMedium),
  ],
- ),
+ ).animate().moveX(begin: -154, delay: 200.ms, duration: 400.ms, curve: Curves.easeInOutBack),
  ],
  ),
  ),
- );
+ ).animate().scaleXY(begin: 0);
  }
 }
 
@@ -191,6 +193,6 @@ class AddCodeSnippetCard extends StatelessWidget {
  ),
  ),
  ),
- );
+ ).animate().shake(delay: 1000.ms);
  }
 }

lib/views/screens/tabs/components_tab/widgets/components_list_view.dart

@@ -104,6 +104,7 @@ class ComponentCollectionCard extends StatelessWidget {
  child: Container(
  height: 154,
  width: 300,
+ clipBehavior: Clip.antiAlias,
  padding: EdgeInsets.all(MySpaceSystem.spaceX2),
  decoration: BoxDecoration(
  color: themeData.colorScheme.secondary,
@@ -131,11 +132,11 @@ class ComponentCollectionCard extends StatelessWidget {
  SizedBox(height: MySpaceSystem.spaceX2),
  Text('$addedAt', style: themeData.textTheme.bodyMedium),
  ],
- ),
+ ).animate().moveX(begin: -154, delay: 200.ms, duration: 400.ms, curve: Curves.easeInOutBack),
  ],
  ),
  ),
- );
+ ).animate().scaleXY(begin: 0);
  }
 }
 
@@ -193,6 +194,6 @@ class AddComponentCollectionCard extends StatelessWidget {
  ),
  ),
  ),
- );
+ ).animate().shake(delay: 1000.ms);
  }
 }

lib/views/screens/tabs/explore_tab/widgets/cards/explore_resource_collection_card.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
 import 'package:help_me_design/theme/my_theme.dart';
 import 'package:help_me_design/utility/utility_helper.dart';

lib/views/screens/tabs/explore_tab/widgets/explore_list_item_view.dart

@@ -49,8 +49,8 @@ class ExploreListItemView extends StatelessWidget {
  )
  .then()
  .saturate(begin: 0, delay: 100.ms, duration: 400.ms)
- .then()
- .shakeX(delay: 200.ms, hz: 8, amount: i == 0 ? 4 : 0)
+ .animate(target: i == 1 ? 1 : 0)
+ .shake(delay: 800.ms, hz: 5)
  ],
  ),
  );

lib/views/screens/tabs/explore_tab/widgets/explore_list_view.dart

@@ -39,12 +39,11 @@ class ExploreListView extends StatelessWidget {
  title: designResourcesCollection.data[i].title,
  )
  .animate()
- .scaleXY(
- begin: 0.2,
- alignment: Alignment.bottomLeft,
- )
+ .scaleXY(begin: 0.2, alignment: Alignment.bottomLeft)
  .then()
  .saturate(begin: 0, delay: 0.ms, duration: 300.ms)
+ .animate(target: i == 1 ? 1 : 0)
+ .shake(delay: 800.ms, hz: 5)
  ],
  ),
  );

lib/views/screens/tabs/inspiration_tab/widgets/inspiration_list_view.dart

@@ -244,6 +244,6 @@ class AddInspirationCard extends StatelessWidget {
  ),
  ),
  ),
- );
+ ).animate().shake(delay: 1000.ms, hz: 5);
  }
 }

lib/views/widgets/add_icon_with_animation.dart

@@ -15,11 +15,12 @@ class AddIconWithAnimation extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  return Container(
- child: Icon(
- Icons.add_rounded,
- color: color,
- size: size,
- ).animate().shakeX(delay: 200.ms, hz: rnd.nextInt(9).toDouble()).shakeY(hz: rnd.nextInt(9).toDouble()),
- );
+ child: Icon(
+ Icons.add_rounded,
+ color: color,
+ size: size,
+ )
+ // .animate().shakeX(delay: 200.ms, hz: rnd.nextInt(9).toDouble()).shakeY(hz: rnd.nextInt(9).toDouble()),
+ );
  }
 }