GlitchEffect

A Flutter widget that will give a Glitch Animation Effect to it's child widget.

Installation

  1. Add the latest version of package to your pubspec.yaml (and rundart pub get):
dependencies:
  glitcheffect: ^1.1.1
  1. Import the package and use it in your Flutter App.
import 'package:glitcheffect/glitcheffect.dart';
  1. There are a number of properties that you can modify:
  • child : Widget on which you want a glitch effect.
  • repeat : Whether the glitch effect should play once or play over and over. default value is true.
  • duration : How long it should take until the glitch effect repeats itself default value is 3 seconds.
  • colors : List of colors that you want to use for glitch effect. default colors are Black, Grey and White.

Preview

alt-text


Example

class GlitchEffectExample extends StatelessWidget {
  const GlitchEffectExample({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GlitchEffect(
      child: Text(
        'Flutter',
        style: TextStyle(fontSize: 30, color: Colors.red),
      ),
    );
  }
}

Contributors

Libraries

glitcheffect