Last updated:
0 purchases
animate text
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: ^1.0.0
copied to clipboard
2. Install it #
You can install packages from the command line:
with pub:
$ pub get
copied to clipboard
with Flutter:
$ flutter pub get
copied to clipboard
3. Import it #
Now in your Dart code, you can use:
import 'package:animate_text/animate_text.dart';
copied to clipboard
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,
)
copied to clipboard
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
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.