https://github.com/101loop/floating-ribbon
A Flutter package providing an easy way to add floating ribbon to images.
https://github.com/101loop/floating-ribbon
android app flutter flutter-package flutter-widget ios mobile-app ui
Last synced: 10 months ago
JSON representation
A Flutter package providing an easy way to add floating ribbon to images.
- Host: GitHub
- URL: https://github.com/101loop/floating-ribbon
- Owner: 101Loop
- License: mit
- Created: 2019-08-16T10:33:18.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-08-16T16:26:23.000Z (over 6 years ago)
- Last Synced: 2023-08-20T21:57:37.867Z (over 2 years ago)
- Topics: android, app, flutter, flutter-package, flutter-widget, ios, mobile-app, ui
- Language: Dart
- Size: 899 KB
- Stars: 12
- Watchers: 4
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Floating Ribbon
[](https://pub.dev/packages/floating_ribbon) [](https://travis-ci.org/101Loop/Floating-Ribbon) [](https://github.com/101Loop/Floating-Ribbon/blob/master/LICENSE)
A new Flutter package for creating floating ribbons on images.
## Dependency
```
dependencies:
floating_ribbon: any
```
## How To Use
> In order to achieve the shimmering effect, you need to add a package in pubspec.yaml.
```
dependencies:
skeleton_text: any
```
> The code to reproduce it,
```dart
import 'package:skeleton_text/skeleton_text.dart';
import 'package:floating_ribbon/floating_ribbon.dart';
```
```dart
FloatingRibbon(
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 is a starting point for a Dart
[package](https://flutter.dev/developing-packages/),
a library module containing code that can be shared easily across
multiple Flutter or Dart projects.
For help getting started with Flutter, view our
[online documentation](https://flutter.dev/docs), which offers tutorials,
samples, guidance on mobile development, and a full API reference.