Animated Text Kit

To create a custom animation, extend the AnimatedText class and implement the following four members:

1. Constructor: Initializes animation parameters.
2. initAnimation: Initializes Animation instances and binds them to the provided AnimationController.
3. animatedBuilder: A builder method that returns a Widget based on the current Animation values.
4. completeText: Returns the Widget to display once the animation finishes (defaults to a styled Text widget).

Once implemented, pass your custom class into the animatedTexts list of an AnimatedTextKit widget.

AnimatedTextKit(
  animatedTexts: [
    CustomAnimatedText(
      'Insert Text Here',
      textStyle: const TextStyle(
        fontSize: 32.0,
        fontWeight: FontWeight.bold,
      ),
    ),
  ],
),

You can customize the behavior of any AnimatedTextKit class by overriding the duration of the animation or controlling whether it loops. Set isRepeatingAnimation to false to prevent the animation from repeating.

FadeAnimatedTextKit(
  duration: Duration(milliseconds: 5000),
  isRepeatingAnimation: false,
  text: ["do IT!", "do it RIGHT!!", "do it RIGHT NOW!!!"],
  textStyle: TextStyle(fontSize: 32.0, fontWeight: FontWeight.bold),
);

To use animated_text_kit in your Flutter project, follow these steps:

1. Add the dependency to your pubspec.yaml:

dependencies:
  animated_text_kit: ^4.2.2

2. Run the installation command in your terminal:

flutter pub get

3. Import the package in your Dart code:

import 'package:animated_text_kit/animated_text_kit.dart';

To change the launch screen image for the iOS version of your Flutter application, you can use one of two methods:

Method 1: Direct File Replacement

Replace the existing image files directly within the example/ios/Runner/Assets.xcassets/LaunchImage.imageset/ directory with your own assets.

Method 2: Using Xcode

1. Open your Flutter project's iOS workspace in Xcode by running: open ios/Runner.xcworkspace.
2. In the Xcode Project Navigator, navigate to Runner/Assets.xcassets.
3. Drag and drop your desired images into the asset catalog to replace the current launch images.

The BounceAnimatedTextKit class is deprecated.

To achieve the same bouncing effect for a list of strings, you should use the standard AnimatedTextKit and pass a list of BounceAnimatedText widgets to its animatedTexts property.

The AnimatedText class is an abstract base class used to define individual text animation styles. When implementing a custom animation, you must provide:

• text: The string to be animated.
• duration: The total duration for this specific text animation.
• textAlign: The alignment of the text (defaults to TextAlign.start).
• textStyle: The TextStyle for the text.

Custom implementations must override:

• initAnimation(AnimationController controller): To initialize the animation logic.
• animatedBuilder(BuildContext context, Widget? child): To define how the text is rendered during the animation using the provided AnimationController.

The FadeAnimatedTextKit class is deprecated. Instead of using the specialized kit, you should use the standard AnimatedTextKit and provide a list of FadeAnimatedText objects to its animatedTexts property.

Old Way (Deprecated):

FadeAnimatedTextKit(
  text: ['Text 1', 'Text 2'],
  // ... other properties
)

New Way (Recommended):

AnimatedTextKit(
  animatedTexts: [
    FadeAnimatedText('Text 1'),
    FadeAnimatedText('Text 2'),
  ],
  // ... other properties
)

The TypewriterAnimatedTextKit class is deprecated.

To achieve the same typewriter effect with a cursor, you should now use the standard AnimatedTextKit widget and pass a list of TypewriterAnimatedText objects to its animatedTexts property.

The TypewriterAnimatedTextKit provides a typewriter-style animation effect.

TypewriterAnimatedTextKit(
  onTap: () {
    print("Tap Event");
  },
  text: [
    "Discipline is the best tool",
    "Design first, then code",
    "Do not patch bugs out, rewrite them",
    "Do not test bugs out, design them out",
  ],
  textStyle: TextStyle(
    fontSize: 30.0,
    fontFamily: "Agne"
  ),
  textAlign: TextAlign.start,
  alignment: AlignmentDirectional.topStart // or Alignment.topLeft
),