floating_text 0.1.0-nullsafety.1 floating_text: ^0.1.0-nullsafety.1 copied to clipboard
A light weight flutter package which provides beautiful floating text animations.
floating_text #
A light weight flutter package which provides beautiful floating text animations.
Getting Started #
Add this package in your project's dependencies.
dependencies:
floating_text: ^0.0.4
Import the package:
import 'package:floating_text/floating_text.dart'
Use Anywhere instead of Text
Widget:
Demo's #
Animation 1 | Animation 2 | Animation 3 |
---|---|---|
Text On Button | Animated Up | RTL Support |
---|---|---|
Key Features #
- Light Weight ( Only 100 Lines of code inside package )
- Support any Text on the Screen
- Custom style for the floating/animated text
- Custom style support for the non floating text
- highly customizable
- Easy to use
Use On Any Widget #
RaisedButton(
onPressed: () {},
child: FloatingText(
text: 'Button',
repeat: true,
duration: Duration(milliseconds: 500),
),
),
RTL Support #
FloatingText(
text: 'WELCOME',
repeat: true,
isRTL: true,
duration: Duration(milliseconds: 100),
),
Set repeat true for repeating the animation #
FloatingText(
text: "WELCOME",
repeat: true,
duration: Duration(milliseconds: 600),
floatingTextStyle: TextStyle(
color: Colors.blue,
fontSize: 50,
),
textStyle: TextStyle(
color: Colors.black38,
fontSize: 60,
)),
Use your custom text style #
FloatingText(
text: 'Congratulations',
repeat: true,
textStyle: TextStyle(
fontSize: 40,
color: Colors.black54,
),
floatingTextStyle: TextStyle(
color: Colors.red,
fontSize: 40,
shadows: [
BoxShadow(
color: Colors.yellow,
blurRadius: 10,
)
],
),
),
Example #
FloatingText(
text: 'Congratulations',
repeat: true,
duration: Duration(milliseconds: 100),
textStyle: TextStyle(
fontSize: 40,
color: Colors.black54,
),
floatingTextStyle: TextStyle(
color: Colors.red,
fontSize: 40,
shadows: [
BoxShadow(
color: Colors.yellow,
blurRadius: 10,
)
],
),
),
Author #
Pradeep Tintali (4gpradeep@gmail.com)