{"id":20772889,"url":"https://github.com/101loop/floating-ribbon","last_synced_at":"2025-04-30T15:07:15.979Z","repository":{"id":56828933,"uuid":"202709006","full_name":"101Loop/Floating-Ribbon","owner":"101Loop","description":"A Flutter package providing an easy way to add floating ribbon to images.","archived":false,"fork":false,"pushed_at":"2019-08-16T16:26:23.000Z","size":921,"stargazers_count":12,"open_issues_count":1,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2023-08-20T21:57:37.867Z","etag":null,"topics":["android","app","flutter","flutter-package","flutter-widget","ios","mobile-app","ui"],"latest_commit_sha":null,"homepage":null,"language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/101Loop.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-08-16T10:33:18.000Z","updated_at":"2022-09-26T08:20:56.000Z","dependencies_parsed_at":"2022-08-26T13:51:28.540Z","dependency_job_id":null,"html_url":"https://github.com/101Loop/Floating-Ribbon","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101Loop%2FFloating-Ribbon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101Loop%2FFloating-Ribbon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101Loop%2FFloating-Ribbon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/101Loop%2FFloating-Ribbon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/101Loop","download_url":"https://codeload.github.com/101Loop/Floating-Ribbon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225035973,"owners_count":17410789,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","app","flutter","flutter-package","flutter-widget","ios","mobile-app","ui"],"created_at":"2024-11-17T12:23:24.611Z","updated_at":"2024-11-17T12:23:25.263Z","avatar_url":"https://github.com/101Loop.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Floating Ribbon\n\n[![pub package](https://img.shields.io/badge/pub-v1.0.0-blue)](https://pub.dev/packages/floating_ribbon) [![Build Status](https://travis-ci.org/101Loop/Floating-Ribbon.svg?branch=master)](https://travis-ci.org/101Loop/Floating-Ribbon) [![LICENSE](https://img.shields.io/badge/license-MIT-green)](https://github.com/101Loop/Floating-Ribbon/blob/master/LICENSE)\n\nA new Flutter package for creating floating ribbons on images.\n\n\u003cp\u003e\n    \u003cimg src=\"https://github.com/101Loop/Floating-Ribbon/blob/master/example.gif?raw=true\"/\u003e\n\u003c/p\u003e\n\n## Dependency\n```\ndependencies:\n  floating_ribbon: any\n```\n\n## How To Use\n\n\u003e In order to achieve the shimmering effect, you need to add a package in pubspec.yaml.\n\n```\ndependencies:\n  skeleton_text: any\n```\n\n\u003e The code to reproduce it,\n\n```dart\nimport 'package:skeleton_text/skeleton_text.dart';\nimport 'package:floating_ribbon/floating_ribbon.dart';\n```\n\n```dart\nFloatingRibbon(\n  height: 85,\n  width: 85,\n  childHeight: 75,\n  childWidth: 75,\n  child: Padding(\n    padding: const EdgeInsets.all(8.0),\n    child: FlutterLogo(),\n  ),\n  childDecoration: BoxDecoration(color: Colors.grey),\n  ribbon: SkeletonAnimation(\n    child: Center(\n      child: Text(\n        'Exclusive',\n        style: TextStyle(\n          color: Colors.white,\n        ),\n        textAlign: TextAlign.center,\n      ),\n    ),\n  ),\n  shadowHeight: 5,\n);\n\n```\n\n## Getting Started\n\nThis project is a starting point for a Dart\n[package](https://flutter.dev/developing-packages/),\na library module containing code that can be shared easily across\nmultiple Flutter or Dart projects.\n\nFor help getting started with Flutter, view our \n[online documentation](https://flutter.dev/docs), which offers tutorials, \nsamples, guidance on mobile development, and a full API reference.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F101loop%2Ffloating-ribbon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F101loop%2Ffloating-ribbon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F101loop%2Ffloating-ribbon/lists"}