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

Libraries

animate_text