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
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'),
)
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.