added animated add icon

Author: sumit-coder

lib/appwrite_service/auth_service.dart

@@ -34,7 +34,7 @@ class AuthService extends ChangeNotifier {
  AuthStatus get status => _status;
  String? get username => _currentUser.name;
  String? get email => _currentUser.email;
- String? get userid => _currentUser.$id;
+ String? get userId => _currentUser.$id;
 
  // Constructor
  AuthService() {

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

@@ -5,6 +5,7 @@ import 'package:help_me_design/providers/snippet_tab_provider.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';
+import 'package:help_me_design/views/widgets/add_icon_with_animation.dart';
 import 'package:help_me_design/views/widgets/button_tap_effect.dart';
 import 'package:help_me_design/views/widgets/tag_widget.dart';
 import 'package:provider/provider.dart';
@@ -173,10 +174,9 @@ class AddCodeSnippetCard extends StatelessWidget {
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
- Icon(
- Icons.add_rounded,
- size: 44,
+ AddIconWithAnimation(
  color: themeData.colorScheme.secondary,
+ size: 44,
  ),
  SizedBox(height: MySpaceSystem.spaceX2),
  Text(

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

@@ -6,6 +6,7 @@ import 'package:help_me_design/providers/snippet_tab_provider.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
 import 'package:help_me_design/utility/utility_helper.dart';
 import 'package:help_me_design/views/screens/tabs/code_snippet_tab/widgets/add_code_snippet_alert.dart';
+import 'package:help_me_design/views/widgets/add_icon_with_animation.dart';
 import 'package:help_me_design/views/widgets/button_tap_effect.dart';
 import 'package:help_me_design/views/widgets/code_editor/code_editor.dart';
 import 'package:help_me_design/views/widgets/send_back_bar_with_title.dart';
@@ -110,10 +111,9 @@ class AddCodeSnippetCard extends StatelessWidget {
  child: Row(
  mainAxisAlignment: MainAxisAlignment.center,
  children: [
- Icon(
- Icons.add_rounded,
- size: 34,
+ AddIconWithAnimation(
  color: themeData.colorScheme.secondary,
+ size: 34,
  ),
  SizedBox(width: MySpaceSystem.spaceX1),
  Text(

lib/views/screens/tabs/components_tab/widgets/cards/add_component_card.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:dotted_border/dotted_border.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/views/widgets/add_icon_with_animation.dart';
 import 'package:help_me_design/views/widgets/button_tap_effect.dart';
 
 class AddComponentCard extends StatelessWidget {
@@ -41,7 +42,8 @@ class AddComponentCard extends StatelessWidget {
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
- Icon(Icons.add_rounded, color: themeData.colorScheme.secondary),
+ AddIconWithAnimation(color: themeData.colorScheme.secondary),
+ // Icon(Icons.add_rounded, color: themeData.colorScheme.secondary),
  SizedBox(width: MySpaceSystem.spaceX1),
  Text(
  'Component',

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

@@ -1,10 +1,12 @@
 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/component_tab_provider/component_tab_provider.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';
+import 'package:help_me_design/views/widgets/add_icon_with_animation.dart';
 import 'package:help_me_design/views/widgets/button_tap_effect.dart';
 import 'package:help_me_design/views/widgets/tag_widget.dart';
 import 'package:provider/provider.dart';
@@ -174,10 +176,9 @@ class AddComponentCollectionCard extends StatelessWidget {
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
- Icon(
- Icons.add_rounded,
- size: 44,
+ AddIconWithAnimation(
  color: themeData.colorScheme.secondary,
+ size: 44,
  ),
  SizedBox(height: MySpaceSystem.spaceX2),
  Text(

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

@@ -4,6 +4,7 @@ import 'dart:typed_data';
 import 'package:dotted_border/dotted_border.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/appwrite_service/appwrite_constants_all.dart';
 import 'package:help_me_design/appwrite_service/auth_service.dart';
 import 'package:help_me_design/appwrite_service/databases_service.dart';
@@ -12,6 +13,7 @@ import 'package:help_me_design/providers/inspiration_tab_provider/inspiration_ta
 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';
+import 'package:help_me_design/views/widgets/add_icon_with_animation.dart';
 import 'package:help_me_design/views/widgets/button_tap_effect.dart';
 import 'package:provider/provider.dart';
 
@@ -223,11 +225,12 @@ class AddInspirationCard extends StatelessWidget {
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: [
- Icon(
- Icons.add_rounded,
- size: 44,
+ AddIconWithAnimation(
  color: themeData.colorScheme.secondary,
+ size: 44,
  ),
+
+ // .scaleXY(end: 1, duration: 600.ms),
  SizedBox(height: MySpaceSystem.spaceX2),
  Text(
  'Add Inspiration Image',

lib/views/screens/tabs/settings_tab/settings_tab.dart

@@ -166,7 +166,7 @@ class ThemeModeCard extends StatelessWidget {
  child: Image.asset(mode == 'dark' ? 'assets/images/dark.png' : 'assets/images/light.png'),
  ),
  SizedBox(height: MySpaceSystem.spaceX3),
- Text(title, style: mode == 'dark' ? MyTextTypeSystem.titleLarge : MyTextTypeSystem.titleLargeDark),
+ Text(title, style: mode == 'dark' ? MyTextTypeSystem.titleMedium : MyTextTypeSystem.titleMediumDark),
  SizedBox(height: MySpaceSystem.spaceX1),
  ],
  ),

lib/views/widgets/add_icon_with_animation.dart

@@ -0,0 +1,25 @@
+import 'dart:math';
+
+import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
+
+class AddIconWithAnimation extends StatelessWidget {
+ AddIconWithAnimation({Key? key, required this.color, this.size}) : super(key: key);
+
+ final Color color;
+ final double? size;
+
+ var rnd = Random();
+// int r = rnd.nextInt(10 );
+
+ @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()),
+ );
+ }
+}