MaxWidthBox Creation

Author: rayliverified

lib/max_width_box.dart

@@ -0,0 +1,33 @@
+import 'package:flutter/material.dart';
+
+class MaxWidthBox extends StatelessWidget {
+  final double? maxWidth;
+
+  /// Control the internal Stack alignment. This widget
+  /// uses a Stack to set the widget to max width on top of
+  /// a background.
+  /// Defaults to [Alignment.topCenter] because app
+  /// content is usually top aligned.
+  final AlignmentGeometry alignment;
+  final Widget child;
+  final Widget? background;
+
+  const MaxWidthBox(
+      {Key? key,
+      required this.maxWidth,
+      required this.child,
+      this.background,
+      this.alignment = Alignment.topCenter})
+      : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Stack(
+      alignment: alignment,
+      children: [
+        background ?? const SizedBox.shrink(),
+        SizedBox(width: maxWidth, child: child),
+      ],
+    );
+  }
+}

lib/responsive_framework.dart

@@ -1,6 +1,7 @@
 library responsive_framework;
 
 export 'breakpoint.dart';
+export 'max_width_box.dart';
 export 'responsive_breakpoints.dart';
 export 'responsive_grid.dart';
 export 'responsive_row_column.dart';