floating_text 0.0.1

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

Import the package:

import 'package:floating_text/floating_text.dart'

Use Anywhere instead of Text Widget:

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 On Any Widget

        RaisedButton(
          onPressed: () {},
          child: FloatingText(
            text: 'Button',
            repeat: true,
            floatingSpeed: 10,
          ),
        ),

RTL Support

       FloatingText(
          text: 'WELCOME',
          repeat: true,
          textDirection: TextDirection.rtl,
          floatingSpeed: 12,
        ),

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 ([e-mail])