Initial commit

lib/core/widgets/loading/custom_loading.dart

@@ -0,0 +1,24 @@
+import 'dart:io';
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import '../../theme/colors/app_colors.dart';
+
+class CustomLoadingWidget extends StatelessWidget {
+  final Color? color;
+
+  const CustomLoadingWidget({super.key, this.color});
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        Platform.isAndroid
+            ? CircularProgressIndicator(
+              color: color ?? LightThemeColors.lightGrey,
+            )
+            : CupertinoActivityIndicator(color: color),
+      ],
+    );
+  }
+}

lib/core/widgets/loading/progress_hud.dart

@@ -0,0 +1,90 @@
+import "dart:io";
+import "package:cargocalculaterapp/core/theme/colors/app_colors.dart";
+import "package:flutter/cupertino.dart";
+import "package:flutter/material.dart";
+import "dart:ui";
+
+///
+/// Wrap around any widget that makes an async call to show a modal progress
+/// indicator while the async call is in progress.
+///
+/// HUD=Heads Up Display
+///
+class ModalProgressHUD extends StatelessWidget {
+  /// A required [bool] to toggle the modal overlay.
+  final bool inAsyncCall;
+
+  /// A [double] specifying the opacity of the modal overlay, defaults to 0.3
+  final double opacity;
+
+  /// A [Color] object which is assigned to the loading barrier, defaults to grey
+  final Color color;
+
+  /// A [Widget] which is shown at the center of the modal overlay,
+  /// defaults to the standard android spinner animation.
+
+  /// An [Offset] object which is applied to the [progressIndicator] when specified.
+  final Offset? offset;
+
+  /// A [bool] which controls whether the modal overlay can be dismissible when interated.
+  final bool dismissible;
+
+  /// A [Widget] over which the modal overlay is activated.
+  final Widget child;
+
+  /// A [double] value specifying the amount of background blur when progress hud is active.
+  final double blur;
+
+  const ModalProgressHUD({
+    super.key,
+    required this.inAsyncCall,
+    this.opacity = 0.3,
+    this.color = Colors.grey,
+    this.offset,
+    this.dismissible = false,
+    required this.child,
+    this.blur = 0.0,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    Widget layOutProgressIndicator;
+    if (offset == null) {
+      layOutProgressIndicator = Center(
+        child:
+            Platform.isIOS
+                ? const CupertinoActivityIndicator()
+                : const CircularProgressIndicator(
+                  color: LightThemeColors.accentColor,
+                ),
+      );
+    } else {
+      layOutProgressIndicator = Positioned(
+        left: offset!.dx,
+        top: offset!.dy,
+        child:
+            Platform.isIOS
+                ? const CupertinoActivityIndicator()
+                : const CircularProgressIndicator(
+                  color: LightThemeColors.accentColor,
+                ),
+      );
+    }
+
+    return Stack(
+      children: [
+        child,
+        if (inAsyncCall) ...[
+          BackdropFilter(
+            filter: ImageFilter.blur(sigmaX: blur, sigmaY: blur),
+            child: Opacity(
+              opacity: opacity,
+              child: ModalBarrier(dismissible: dismissible, color: color),
+            ),
+          ),
+          layOutProgressIndicator,
+        ],
+      ],
+    );
+  }
+}