English | 简体中文


easy_cyber

An easy way to add "cyber punk" style animation to your widget.

Preview

Usage

    class CyberExample extends StatelessWidget {
        @override
        Widget build(BuildContext context) {
            return Scaffold(
                body: Container(
            child: Center(
                child: CyberPunk(
                    child: Image(image: AssetImage('imgs/panda_cyber.webp')),
                    dur: 500,
                    cyberItemCount: 10,
                    infinite: true,
                ),
            ),
            decoration: BoxDecoration(
                color: Colors.blueGrey,
            ),
            ));
        }
    }

Param Description

ParamDescriptionDefault
durThe max duration(milliseconds) of gradually showing/hiding animition500
cyberItemCountCount of each 'cyper' animation piece in a single animition circle10
cyberItemHeightHeight of each 'cyper' animation piece.10
maxHeightMax height of animation zone.Widget's height
repeatTimesAnimation repeat times.1
infiniteIf set to true, animition won't stop and repeatTimes won't work.false

Note

This package mainly uses ClipPath widget and best applied with images. It's not perfect at all and easy to customize by yourself.

Libraries

easy_cyber