flutter_decorated_container 1.0.0

A Customisable Container widget for the dashed border with rounded corner radius and its background color.

flutter_decorated_container

A Customisable widget for the dashed/dotted border around any widget.

Features

• A Container with special decorated options to make the widget more powerful
  • Dashed border around the container with rounded corner radius
  • Customisable strokeColor for the dashed line
  • Both width and gap of the dash can be customised
  • Background color for the widget.

Usage

With Default values

DecoratedContainer(
  cornerRadius: 16,
  fillColor: Colors.white,
  strokeColor: Colors.red,
  child: Center(child: Text("sample child widget")),
)

With customised values

DecoratedContainer(
  strokeWidth: 3,
  dashSpace: 4,
  dashWidth: 6,
  fillColor: Colors.white,
  cornerRadius: 16,
  strokeColor: Colors.red,
  child: Center(child: Text("sample child widget")),
)

Sample UI:

(as per the app module of /example)

Configuration Parameters

Variable Name	Default Value	Purpose
strokeColor	Colors.grey	Specifies the color of the border or stroke around the Container.
backgroundColor	Colors.white	Specifies the color used to fill the inside of the Container.
strokeWidth	2.0	Defines the thickness of the border or stroke.
dashWidth	5.0	Specifies the width of each dash in a dashed border.
dashSpace	3.0	Specifies the space between each dash in a dashed border.
cornerRadius	null	Defines the radius of the corners for rounded shapes. If null, the shape has sharp corners.
padding	null	This padding is in addition to any padding inherent in the decoration.
margin	null	Empty space to surround the decoration and child.
decoration	null	To actually paint a Decoration at behind the child. Use the backgroundColor property to specify a simple solid color. Dashed/dotted border will be overlapped when this property has values.
decorationPosition	DecorationPosition.background	Defines the child element as a Widget.By default the decoration paints behind the child.
child	null	The child contained by the container.

Feel free to contribute to this package!! 🙇‍♂️

Always happy if anyone wants to help to improve this package!

If you need any features

Please open an issue so that we can discuss your feature request 🙏