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.0.2
  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 glitch effect.
  • onlyFirstTime : if you want this animation once [default value is false].
  • duration : Duration after which you want the animation to repeat 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 GlithEffect(
                child: Text(
                  'Flutter',
                  style: TextStyle(fontSize: 30, color: Colors.red),
                ),
              );
  }
}

Contributors

GitHub

View Github