floating_text 0.0.3
floating_text: ^0.0.3 copied to clipboard

Flutter Android iOS web

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

Import the package:

import 'package:floating_text/floating_text.dart'

Use Anywhere instead of Text Widget:

Demo's #

Animated text down Animated text shadow Linear Animation
floating_text down float animation animation with shadow linear animation
Text On Button Animated text 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,
    floatingSpeed: 10,
  ),
),

RTL Support #

FloatingText(
   text: 'WELCOME',
   repeat: true,
   isRTL: true,
   floatingSpeed: 12,
 ),

Set repeat true for repeating the animation #

FloatingText(
text: "WELCOME",
repeat: true,
floatingSpeed: 5,
floatingTextStyle: TextStyle(
  color: Colors.blue,
  fontSize: 50,
),
textStyle: TextStyle(
color: Colors.black38,
  fontSize: 60,
)),

Use your custom text style #

FloatingText(
    text: 'Congratulations',
    repeat: true,
    floatingSpeed: 6,
    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,
    floatingSpeed: 6,
    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)

1
likes
110
pub points
42%
popularity

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

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

4gpradeep@gmail.com

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on floating_text