floating_text 0.0.4
floating_text: ^0.0.4 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
floating_text down float animation animation with shadow linear animation
Text On Button Animated Up RTL Support
animation on button floating_text up float animation 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)

8
likes
110
pub points
57%
popularity

Publisher

studentmitra.in

A light weight flutter package which provides beautiful floating text animations.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on floating_text