animate_text 0.0.6

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.

---

Installing

1. Depend on it

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

dependencies:
  animate_text: ^0.0.6

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 3 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