Pub Version GitHub GitHub GitHub

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

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

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

Buy Me A Coffee Ko-Fi

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.

Libraries

fancy_border