zo_animated_border 0.0.3

A package that provides a modern way to create gradient borders with animation in Flutter

zo_animated_border

A package that provides a modern way to create gradient borders with animation in Flutter

Getting started

First, add zo_animated_border as a dependency in your pubspec.yaml file

dependencies:
  flutter:
    sdk: flutter
  zo_animated_border : ^[version]

Import the package

import 'package:zo_animated_border/zo_animated_border.dart';

Usage

For Gradient border

ZoAnimatedGradientBorder(
    width: 200,
    height: 200,
    borderRadius: 100,
    borderThickness: 4,
    gradientColor: [Colors.yellow,Colors.orange],
    duration: Duration(seconds: 4),
    child: Container(
            alignment: Alignment.center,
            color: Colors.black,
            child: Text(
                    "Color",
                    style:TextStyle(color:Colors.black),
                  ),
               ),
            )

For Pulsating border

ZoPulsatingBorder(
      type: ZoPulsatingBorderType.pulse,
      borderRadius: BorderRadius.circular(100),
      pulseColor: Colors.blue,
      child: Container(
        alignment: Alignment.center,
          width: 100,
          height: 100,
          decoration: BoxDecoration(
            color: Colors.red,
            borderRadius: BorderRadius.circular(50)),
            child: Text(
                 "Radar Pulse",
               style: TextStyle(color: Colors.white),
                      ),
                    ),
                  )

For MonoChrome border

ZoMonoCromeBorder(
  trackBorderColor: Colors.white,
  cornerRadius: 50.0,
  borderStyle: ZoMonoCromeBorderStyle.mirror,
  borderWidth: 5.5,
  child: Container(
          width: 100,
          height: 100,
          alignment: Alignment.center,
          child: Text("Mirror", 
          style:  TextStyle(color: Colors.white)),
          decoration: BoxDecoration(
          color: Colors.red,
          shape: BoxShape.circle,
           ),
        ),
      ),

Feel free to post a feature requests or report a bug here.