Intro: Alphabet Animation is help flutter developer to animate every single alphabet of a string/word.

Installing

  1. Depends on it:
    Add this to your package's pubspec.yaml file:
    dependencies:
        alphabet_animation: ^0.0.4
    
  2. Install it:
    You can run command in terminal
    flutter pub add alphabet_animation
    
  3. Import it
    To import add to your desire file
    import 'package:alphabet_animation/alphabet_animation.dart';
    
    

Usage

Alphabet Animation is statefula package which create animation for text. include in you build method like:

   AnimationTypeOne(
       text: "Flutter",
       animationType: AnimationType.byXAxis,
       repeat: true,
       textStyle: TextStyle(
                   color: Colors.green,
                   fontSize: 18,
                   fontWeight: FontWeight.bold
               ),
   ),

OR

 AnimationTypeTwo(
                text: "Flutter",
                animationSync: AnimationSync.flip,
                textStyle: TextStyle(
                    color: Colors.green,
                    fontSize: 18,
                    fontWeight: FontWeight.bold),
                duration: Duration(milliseconds: 500),
                repeat: true,
              ),

About

  • Preview alt text
AnimationTypeOne(
    text: "Flutter",
    repeat: true,
    textStyle: TextStyle(
        color: Colors.green,
        fontSize: 35,
        fontWeight: FontWeight.bold),
),

alt text

 AnimationTypeTwo(
    text: "Flutter",
    animationSync: AnimationSync.flip,
    duration: Duration(milliseconds: 500),
    repeat: false,
    textStyle: TextStyle(
        color: Colors.green,
        fontSize: 35,
        fontWeight: FontWeight.bold),
),

alt text

It has properties to explore
In AnimationTypeOne

  1. final String text
  2. final TextStyle? textStyle
  3. final Duration? duration
  4. final bool repeat
  5. final Alignment alignment
  6. final AnimationType animationType
In AnimationTypeTwo
  1. String text
  2. Duration duration
  3. bool repeat
  4. TextStyle? textStyle
  5. Axis orientation
  6. AnimationSync animationSync

Code base

Click to Explore

Libraries

alphabet_animation