CustomSizedBox

An enhanced version of Flutter's SizedBox with additional sizing constraints, aspect ratio control, and debugging capabilities.

Features

Add the dependency to your pubspec.yaml:

dependencies:
  apptomate_custom_sized_box: ^0.0.1

CustomSizedBox(
  width: 200,
  height: 100,
  child: Container(color: Colors.blue),
)

Parameter	Type	Default	Description
`width`	double?	null	Exact width of the box
`height`	double?	null	Exact height of the box
`minWidth`	double?	null	Minimum width constraint
`maxWidth`	double?	null	Maximum width constraint
`minHeight`	double?	null	Minimum height constraint
`maxHeight`	double?	null	Maximum height constraint
`aspectRatio`	double?	null	Width/height ratio (overrides width/height)
`debugPaint`	bool	false	Shows debug borders when true
`debugColor`	Color	Colors.red	Color for debug borders
`child`	Widget?	null	Child widget to contain

With aspect ratio:

CustomSizedBox(
  aspectRatio: 16/9,
  child: Image.network('https://example.com/image.jpg'),
)

With size constraints:

CustomSizedBox(
  minWidth: 100,
  maxWidth: 300,
  minHeight: 50,
  child: Container(color: Colors.green),
)

Debug mode:

CustomSizedBox(
  width: 150,
  height: 150,
  debugPaint: true,
  child: FlutterLogo(),
)

The package includes a CustomSizedBoxWidget demo that shows four different configurations:

To run the demo:

void main() {
  runApp(MaterialApp(
    home: CustomSizedBoxWidget(),
  ));
}

The widget builds upon SizedBox with these additional layers:

The widget includes assertions to prevent invalid values: