fancy_border

Description:

fancy border

This package provides a custom Flutter border class named FancyBorder that allows you to draw borders with more style options beyond the built-in Flutter borders. It supports features like:

Gradients: Apply a gradient to the border for a more decorative look.
Patterns: Create dashed or dotted borders using a defined pattern.

Preview #

Demo
Usage #
Container(
width: 100,
height: 50,
decoration: const ShapeDecoration(
color: Colors.yellow,
shape: FancyBorder(
/// The underlying border shape.
shape: RoundedRectangleBorder(),
/// The style of the border.
style: FancyBorderStyle.dashed,
/// The width of the border.
width: 4,
/// The offset of the border stroke.
offset: 2,
/// The color replaced by gradient.
color: Colors.red,
/// The gradient to use for the border.
gradient: LinearGradient(colors: [Colors.blue, Colors.red]),
/// The corner radius of the border.
corners: BorderRadius.all(Radius.circular(10)),
),
),
alignment: Alignment.center,
child: const Text('Rounded'),
)
copied to clipboard
Border Style #
The FancyBorderStyle class defines the different styles available for the border:

FancyBorderStyle.solid (default): Solid border style.
FancyBorderStyle.dotted: Dotted border style.
FancyBorderStyle.dashed: Dashed border style.
FancyBorderStyle.morse: Morse code-like border style.
(You can add more styles to the enum if needed)

To delve deeper into the technical details of fancy_border's classes, methods, and properties, please refer to the official API Reference.
Sponsoring #


If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.