animate_text 1.0.0 copy "animate_text: ^1.0.0" to clipboard
animate_text: ^1.0.0 copied to clipboard

Helps you to animate text easy with scale, opacity, transform, blur.

AnimateText #

AnimateText ជួយលោកអ្នក ក្នុងការធ្វើតួរអក្សរឲ្យមានចលនាតាមការចង់បាន

AnimateText helps you to animate text easy with scale, opacity, transform, blur.


Platform Pub Package License: MIT Issue Forks Stars


Installing #

1. Depend on it #

Add this to your package's pubspec.yaml file:

dependencies:
  animate_text: ^1.0.0

2. Install it #

You can install packages from the command line:

with pub:

$ pub get

with Flutter:

$ flutter pub get

3. Import it #

Now in your Dart code, you can use:

import 'package:animate_text/animate_text.dart';

Usage #

AnimateText is a Stateful Widget that produces text animations. Include it in your build method like:

AnimateText(
  "Hello World!",
  style: TextStyle(fontSize: 20),
  type: AnimateTextType.bottomToTop,
)

Configurable properties, including: #

  • style – custom text style what you want use TextStyle.
  • type – default AnimateTextType.bottomToTop other options:
    • AnimateTextType.none - no animation transform
    • AnimateTextType.bottomToTop - animation transform text from bottom to top
    • AnimateTextType.topToBottom - animation transform text from top to bottom
    • AnimateTextType.leftToRight - animation transform text from left to right
    • AnimateTextType.bottomLeftToTopRight - animation transform text from bottom left to top right
    • AnimateTextType.bottomRightToTopLeft - animation transform text from bottom right to top left
    • AnimateTextType.topLeftToBottomRight - animation transform text from top left to bottom right
    • AnimateTextType.topRightToBottomLeft - animation transform text from top right to bottom left
  • withOpacity- default false joint animation opacity if set true
  • withBlur- default false joint animation blur if set true
  • withRotate- default false joint animation rotate if set true
  • withScale- default false joint animation scale if set true
  • isScaleOut- default false this option work with withScale option if it set to true
  • seconds- default 5 duration run animation
  • isRepeat- default true repeat animation if set false it will run only first time.
  • curve- The curve to use in the forward direction.
  • speed- default AnimateTextSpeed.medium other options:
    • AnimateTextSpeed.verySlow - speed animation run text each character speed very slow
    • AnimateTextSpeed.slow - speed animation run text each character speed slow
    • AnimateTextSpeed.medium - speed animation run text each character speed medium
    • AnimateTextSpeed.fast - speed animation run text each character speed fast
    • AnimateTextSpeed.veryFast - speed animation run text each character speed very fast


Noted #

AnimateText allow you to use for only one line of text.

អ្នកបង្កើត #


លោក ហ៊ិន រដ្ឋា Mr. Hin Ratha
ជំនាញ បង្កើតកម្មវិធីទូរស័ព្ទ Mobile Apps Developer
បទពិសោធន៍ Flutter, ReactNative
ទូរស័ព្ទ 096 659 2250

គេហទំព័រ #

Ratha Dev

10
likes
160
points
49
downloads
screenshot

Publisher

verified publisherrathadev.site

Weekly Downloads

Helps you to animate text easy with scale, opacity, transform, blur.

Repository (GitHub)
View/report issues

Topics

#animate-text #animation-text #animated

Documentation

API reference

License

MIT (license)

Dependencies

flutter

More

Packages that depend on animate_text