refactor(app): #3 view design ok with no bug and no dynamic indicator

konnofuente · Jul 21, 2024 · 7e13801 · 7e13801
1 parent 5d1ce72
commit 7e13801
Show file tree

Hide file tree

Showing 11 changed files with 206 additions and 137 deletions.
diff --git a/assets/images/onboarding1.svg b/assets/images/onboarding1.svg
diff --git a/assets/images/onboarding2.svg b/assets/images/onboarding2.svg
diff --git a/assets/images/onboarding3.svg b/assets/images/onboarding3.svg
diff --git a/assets/images/onboarding4.svg b/assets/images/onboarding4.svg
diff --git a/assets/images/onboarding5.svg b/assets/images/onboarding5.svg
diff --git a/lib/presentation/pages/onboarding/onboarding_controller.dart b/lib/presentation/pages/onboarding/onboarding_controller.dart
@@ -1,4 +1,5 @@
 import 'package:get/get.dart';
+import 'package:manzon/presentation/utils/constants/assets_manager.dart';
 
 class OnboardingController extends GetxController {
   var currentPage = 0.obs;
@@ -7,17 +8,17 @@ class OnboardingController extends GetxController {
     {
       "title": "Notifications Automatiques",
       "description": "Recevez des notifications instantanées pour les contributions, les prêts et les événements importants.",
-      "image": "https://via.placeholder.com/390x616"
+      "image": ImageAssets.onboarding1
     },
     {
       "title": "Suivi et Transparence",
       "description": "Suivez les contributions et les prêts en temps réel avec une transparence totale.",
-      "image": "https://via.placeholder.com/390x616"
+      "image": ImageAssets.onboarding2
     },
     {
       "title": "Gestion des Prêts",
       "description": "Aidez votre tontine à gérer efficacement les prêts et les remboursements.",
-      "image": "https://via.placeholder.com/390x616"
+      "image": ImageAssets.onboarding3
     }
   ];
 
@@ -32,4 +33,11 @@ class OnboardingController extends GetxController {
       currentPage--;
     }
   }
+
+  @override
+  void onInit() {
+    super.onInit();
+    // Print the image path to debug
+    // ever(currentPage, (_) => print(onboardingPages[currentPage.value]["image"]));
+  }
 }
diff --git a/lib/presentation/pages/onboarding/onboarding_view.dart b/lib/presentation/pages/onboarding/onboarding_view.dart
diff --git a/lib/presentation/utils/constants/assets_manager.dart b/lib/presentation/utils/constants/assets_manager.dart
@@ -2,7 +2,11 @@ const String IMAGE_PATH = "assets/images";
 const String LOGO_PATH = "assets/logos";
 
 class ImageAssets {
-  // static const String appLogo = "$LOGO_PATH/logo.svg";
+  static const String onboarding1 = "$IMAGE_PATH/onboarding1.svg";
+  static const String onboarding2 = "$IMAGE_PATH/onboarding2.svg";
+  static const String onboarding3 = "$IMAGE_PATH/onboarding3.svg";
+  static const String onboarding4 = "$IMAGE_PATH/onboarding4.svg";
+  static const String onboarding5 = "$IMAGE_PATH/onboarding5.svg";
 
 }
 class LogoAssets {

diff --git a/lib/presentation/utils/theme/font_manager.dart b/lib/presentation/utils/theme/font_manager.dart
@@ -23,6 +23,7 @@ class FontSize {
   static const double s20 = 20.0;
   static const double s24 = 24.0;
   static const double s28 = 28.0;
+  static const double s30 = 30.0;
   static const double s32 = 32.0;
   static const double s36 = 36.0;
 }
diff --git a/lib/presentation/utils/theme/style_manager.dart b/lib/presentation/utils/theme/style_manager.dart
@@ -24,7 +24,7 @@ TextStyle getLightStyle(
 }
 
 TextStyle getBoldStyle(
-    {double fontSize = FontSize.s12, required Color color}) {
+    {double fontSize = FontSize.s30, required Color color}) {
   return _getTextStyle(
       fontSize, FontConstants.fontFamily, FontWeightManager.bold, color);
 }

diff --git a/pubspec.yaml b/pubspec.yaml
@@ -65,6 +65,10 @@ flutter:
     - lib/presentation/utils/lang/en.json
     - lib/presentation/utils/lang/fr.json
     - assets/logos/logo.svg
+    - assets/images/onboarding1.svg
+    - assets/images/onboarding2.svg
+    - assets/images/onboarding3.svg
+    - assets/images/onboarding4.svg
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware