A Widget which provide gradient border to container.

Features

There are number of properties that you can modify.

  • Gradient color list
  • height
  • width
  • BorderWidth
  • GradientStart
  • GradientEnd
  • ContainerColor
  • BorderRadius
  • child
  • childAlignment
  • padding

Dart Code Usage

ContainerGradientBorder(
            height: 200,
            width: 300,
            borderWidth: 7,
            colorList: const [Colors.blue, Colors.green, Colors.yellow],
            containerColor: Colors.red.shade400,
            borderRadius: 40,
            start: Alignment.topCenter,
            end: Alignment.bottomCenter,
            child: const Text("Test"),
            childAlignment: Alignment.center,
            padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
          ),

Libraries

container_gradient_border