ResponsiveScaledBox Creation

- Create ResponsiveScaledBox for AutoScale functionality.

Author: rayliverified

lib/responsive_framework.dart

@@ -4,5 +4,6 @@ export 'breakpoint.dart';
 export 'responsive_breakpoints.dart';
 export 'responsive_grid.dart';
 export 'responsive_row_column.dart';
+export 'responsive_scaled_box.dart';
 export 'responsive_value.dart';
 export 'utils/scroll_behavior.dart';

lib/responsive_scaled_box.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+
+class ResponsiveScaledBox extends StatelessWidget {
+  final double width;
+  final Widget child;
+
+  const ResponsiveScaledBox(
+      {Key? key, required this.width, required this.child})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    MediaQueryData mediaQueryData = MediaQuery.of(context);
+
+    return MediaQuery(
+      data: mediaQueryData,
+      child: LayoutBuilder(
+        builder: (context, constraints) {
+          double aspectRatio = constraints.maxWidth / constraints.maxHeight;
+          double scaledHeight = width / aspectRatio;
+
+          return FittedBox(
+            fit: BoxFit.fitWidth,
+            alignment: Alignment.topCenter,
+            child: Container(
+              width: width,
+              height: scaledHeight,
+              alignment: Alignment.center,
+              child: child,
+            ),
+          );
+        },
+      ),
+    );
+  }
+}