TypeWeriter Text Dall-E Logo

Type Writer Text



A simple typewriter text animation wrapper for flutter, supports iOS, Android, web, Windows, macOS, and Linux.

Preview

screen-capture-1

Install

Add this line to your pubspec.yaml.

dependencies:
  typewritertext: ^2.3.1

Usage

First, import the typewriter package.

import 'package:typewritertext/typewritertext.dart';

And then put the widget like this.

const TypeWriterText(
  text: Text('lorem ipsum dolor sit amet ...'),
  duration: Duration(milliseconds: 50),
);

// or you can use builder to integrate 
// with other widget like this

const TypeWriterText.builder(
  'Lorem ipsum dolor sit amet ...',
  duration: Duration(milliseconds: 50),
  builder: (context, value) {
    return AutoSizeText(
      value,
      maxLines: 2,
      minFontSize: 2.0,
    );
  }
);

Documentation

PropertyPurpose
textUse widget Text().
durationUsed to determine how fast text changes.
alignmentAlign the text within the occupied size.
maintainSizeUsed to maintain occupied size of final text. Default value is true.
playTo set whether animation should play or not. Default value is true.
repeatTo set whether animation should be repeated or not. Default value is false.

Full documentation here.

Example

Libraries

typewritertext
TypeWriterText's library.