Enhance Your Flutter Apps with Faded Text Effects

Introducing the faded_text package, a Flutter plugin that seamlessly integrates left-to-right fade effects for multi-line text. Elevate your app's UI with this package, designed to provide a sleek and elegant touch to your text presentations.

Installation

To incorporate the faded_text package into your Flutter project, add the following dependency to your pubspec.yaml file:

dependencies:
  faded_text: ^0.0.6

Usage

FadedText Widget

To use the faded_text package, you can create an instance of the FadedText class similar to the regular Text widget.

Example:

FadedText(
  'Lorem ipsum dolor sit amet, consectetur adipisci and blah blah...',
  maxLines: 5,
)

FadedText.rich Widget

Alternatively, you can create a FadedText.rich widget akin to the regular Text.rich widget.

Example:

FadedText.rich(
  TextSpan(
    children: [
      TextSpan(
        text: 'Lorem ipsum dolor sit amet, consectetur adipisci and blah blah...',
      ),
      TextSpan(
        text: 'Ut enim ad minim veniam, quis nostrud and so on...',
        style: TextStyle(
          fontWeight: FontWeight.bold,
        ),
      ),
    ],
  ),
  maxLines: 4,
)

Fade Effect Comparison:

Regular Text	FadedText

Regular Text.rich	FadedText.rich

Benefits of Using FadedText

Enhanced UI: Add a touch of elegance and polish to your text layouts.
Cross-platform Support: Enjoy seamless integration on iOS, Android, and Web.
Comprehensive Documentation: Explore our detailed documentation to fully understand the package's capabilities.
Expert Support: Connect with our team of Flutter experts for any queries or feature requests.

Contribution Guidelines

We welcome contributions to the faded_text package. To contribute effectively, please refer to our comprehensive contribution guidelines: https://github.com/surfstudio/surf-flutter-faded-text/blob/main/CONTRIBUTING.md.

License

The faded_text package is distributed under the Apache License, Version 2.0.