flutter_decorated_container

Description:

flutter decorated container

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")),
)
copied to clipboard
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")),
)
copied to clipboard
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 🙏