在flutter中书写文本动画

Question

我是flutter的新手，我想知道是否可以在flutter中编写文本动画。我不需要手形图标或其他东西，只是文本应该看起来像有人正在写它。

我能够像下面的代码一样进行打字动画

              Center(
                child: SizedBox(
                  width: context.width(),
                  child: DefaultTextStyle(
                    style: boldTextStyle(size: 26, color: context.primaryColor),
                    child: AnimatedTextKit(
                      animatedTexts: [
                        // TyperAnimatedText(APP_NAME_TAG_LINE),
                        TyperAnimatedText(APP_NAME_TAG_LINE, speed: const Duration(milliseconds: 200)),
                      ],
                      isRepeatingAnimation: false,
                      pause:const Duration(milliseconds: 50),
                    ),
                  ).paddingLeft(20),
                ),
              )

如有任何帮助，我们将不胜感激

Answer 1

有一个名为 AnimatedTextKit() 的包 你可以在这里检查： https://pub.dev/packages/animated_text_kit

以及这个视频的解释 https://www.youtube.com/watch?v=foQTKCQqVWk

Answer 2

查看这里

import 'package:flutter/material.dart';
import 'package:animated_text_kit/animated_text_kit.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: TypewriterAnimatedTextKit(
            speed: Duration(milliseconds: 100), // Adjust the typing speed as needed
            repeatForever: false, // Set to true if you want to repeat the animation
            text: ["Your text here."],
            textStyle: TextStyle(
              fontSize: 26,
              color: Colors.black,
            ),
          ),
        ),
      ),
    );
  }
}