floating_ribbon_util_azul 1.0.2+3 floating_ribbon_util_azul: ^1.0.2+3 copied to clipboard
A new Flutter package for creating floating ribbons on images.
Floating Ribbon Util Azul #
Floating Ribbon Util Azul is an updated Flutter package for creating floating ribbons on images. This version is a copy of the previous package, now enhanced with updates and fixes, ensuring compatibility with the latest Flutter versions.
Dependency #
To include this package in your project, add the following line to your pubspec.yaml
file:
dependencies: floating_ribbon_util_azul: any
How To Use #
To achieve the shimmering effect, you must also include the
skeleton_text
package in yourpubspec.yaml
:
dependencies:
skeleton_text: any
Below is the code to reproduce the floating ribbon effect:
import 'package:skeleton_text/skeleton_text.dart';
import 'package:floating_ribbon_util_azul/floating_ribbon_util_azul.dart';
FloatingRibbonUtilAzul(
height: 85,
width: 85,
childHeight: 75,
childWidth: 75,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: FlutterLogo(),
),
childDecoration: BoxDecoration(color: Colors.grey),
ribbon: SkeletonAnimation(
child: Center(
child: Text(
'Exclusive',
style: TextStyle(
color: Colors.white,
),
textAlign: TextAlign.center,
),
),
),
shadowHeight: 5,
);
Getting Started #
This project serves as a foundation for a Dart package—a library module that facilitates code sharing across multiple Flutter or Dart projects.
For assistance in getting started with Flutter, please refer to our online documentation, which provides tutorials, sample projects, mobile development guidance, and a comprehensive API reference.