animated_text_kit

animated_text_kit

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  nextAnimation() {}

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Hello"),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Spacer(flex: 1),
            RotateAnimatedTextKit(
                onTap: () {
                  print("Tap Event");
                },
                totalRepeatCount: 200,
                duration: Duration(seconds: 1),
                text: [
                  "Rotate",
                  "Animated",
                  "TextKit",
                  "RotateAnimatedTextKit"
                ],
                textStyle: TextStyle(fontSize: 30.0),
                textAlign: TextAlign.center,
                alignment:
                    AlignmentDirectional.topCenter // or Alignment.topLeft
                ),
            Spacer(flex: 1),
            TextLiquidFill(
              text: 'TextLiquidFill',
              waveColor: Colors.blueAccent,
              loadDuration: Duration(seconds: 10),
              boxBackgroundColor: Colors.redAccent,
              textStyle: TextStyle(
                fontSize: 30.0,
                fontWeight: FontWeight.bold,
              ),
              boxHeight: 120.0,
            ),
            Spacer(flex: 1),
            ColorizeAnimatedTextKit(
                onTap: () {
                  print("Tap Event");
                },
                totalRepeatCount: 20,
                text: [
                  "Colorize",
                  "Animated",
                  "TextKit",
                  "ColorizeAnimatedTextKit",
                ],
                textStyle: TextStyle(fontSize: 30.0),
                colors: [
                  Colors.yellow,
                  Colors.red,
                  Colors.purple,
                ],
                textAlign: TextAlign.start,
                alignment: AlignmentDirectional.topStart // or Alignment.topLeft
                ),
            Spacer(flex: 1),
            TyperAnimatedTextKit(
                onTap: () {
                  print("Tap Event");
                },
                speed: Duration(milliseconds: 60),
                text: [
                  "Typer",
                  "Animated",
                  "TextKit",
                  "TyperAnimatedTextKit",
                ],
                textStyle: TextStyle(fontSize: 30.0),
                textAlign: TextAlign.start,
                alignment: AlignmentDirectional.topStart // or Alignment.topLeft
                ),
            Spacer(flex: 1),
            Image.network(
                "https://pbs.twimg.com/media/EYCNkglUEAAVR4f?format=jpg&name=medium"),
            Spacer(flex: 1),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: nextAnimation(),
        tooltip: 'Next Animation',
        child: Icon(Icons.add),
      ),
    );
  }
}