{"id":7392,"date":"2022-01-07T08:40:03","date_gmt":"2022-01-07T08:40:03","guid":{"rendered":"https:\/\/www.getwidget.dev\/blogs\/top-flutter-badge-widgets\/"},"modified":"2025-01-10T10:04:57","modified_gmt":"2025-01-10T10:04:57","slug":"top-flutter-badge-widgets","status":"publish","type":"post","link":"https:\/\/www.getwidget.dev\/blog\/top-flutter-badge-widgets\/","title":{"rendered":"Top Flutter Badge Widgets"},"content":{"rendered":"<p>A <strong>Flutter badge widget<\/strong> is such a component which is used to show an additional marker (like a numeric value, red dot, and others) associated with a link or to show some additional information of a component.<\/p>\n<p>It is a Flutter package that helps you to create badges. It could be used as an additional marker for any widgets in your app. For Example: Suppose we have a <a href=\"https:\/\/www.getwidget.dev\/blog\/top-online-shopping-apps-in-india\/\"  data-wpil-monitor-id=\"436\">shopping app<\/a> and want to show a number of items that will be in the shopping cart then it will help you to create an additional marker to your widget that will show the number of items added by users in your shopping app card.<\/p>\n<figure class=\"kg-card kg-image-card kg-card-hascaption\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/getflutter\/tr:dpr-auto,tr:w-auto\/2020\/02\/badge.png\" class=\"kg-image lazyload\" alt=\"Flutter Number &#038; Dot Notification Badge\" loading=\"lazy\"><noscript><img decoding=\"async\" src=\"https:\/\/ik.imagekit.io\/ionicfirebaseapp\/getflutter\/tr:dpr-auto,tr:w-auto\/2020\/02\/badge.png\" class=\"kg-image lazyload\" alt=\"Flutter Number &#038; Dot Notification Badge\" loading=\"lazy\"><\/noscript><figcaption><span style=\"white-space: pre-wrap;\">Flutter Number &#038; Dot Notification Badge<\/span><\/figcaption><\/figure>\n<p>There are different types of badges on Flutter. So you can use it as you required.<\/p>\n<p>As of now, we are going to list the <strong>Top Flutter Badge widget<\/strong> packages here:<\/p>\n<h3 id=\"1-badges-202\">1. badges: ^2.0.2<\/h3>\n<p>A clean and lightweight badge widget for Flutter, Easy to use without context, Support iOS, Android and Web.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/badges\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">badges | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">A flutter package for creating badges. Badges can be used for an additional marker for any widget, e.g. show a number of items in a shopping cart.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/yako-dev\/flutter_badges\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; yako-dev\/flutter_badges: A flutter package for creating badges.<\/div>\n<div class=\"kg-bookmark-description\">A flutter package for creating badges. Contribute to yako-dev\/flutter_badges development by creating an account on GitHub.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">yako-dev<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/repository-images.githubusercontent.com\/143257953\/fc1c7780-107a-11ea-9648-a1f37f9eba43\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/repository-images.githubusercontent.com\/143257953\/fc1c7780-107a-11ea-9648-a1f37f9eba43\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"2-getwidget-204\">2. getwidget: ^2.0.4<\/h3>\n<figure class=\"kg-card kg-image-card\"><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/tzsjdxwi.cdn.imgeng.in\/2022\/01\/badge.jpg\" class=\"kg-image lazyload\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1163\"><noscript><img decoding=\"async\" src=\"https:\/\/tzsjdxwi.cdn.imgeng.in\/2022\/01\/badge.jpg\" class=\"kg-image lazyload\" alt=\"\" loading=\"lazy\" width=\"2000\" height=\"1163\"><\/noscript><\/figure>\n<p><strong>Short Intro:<\/strong> GetWidget is an open source library that comes with pre-build 1000+ UI components. It makes development faster &#038; more enjoyable. You can customize the component as per your need.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/getwidget\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">getwidget | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">GetWidget is open source library that come with pre-build 1000+ UI components. It makes development faster &#038; more enjoyable. You can customize the component as per your need.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/ionicfirebaseapp\/getwidget\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; ionicfirebaseapp\/getwidget: Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app.<\/div>\n<div class=\"kg-bookmark-description\">Most popular and easy to use open source UI library with 1000+ Widgets to build flutter app. &#8211; GitHub &#8211; ionicfirebaseapp\/getwidget: Most popular and easy to use open source UI library with 1000+ W&#8230;<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">ionicfirebaseapp<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/repository-images.githubusercontent.com\/227270948\/0186c488-4aef-49b5-99c6-a6ca974ea924\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/repository-images.githubusercontent.com\/227270948\/0186c488-4aef-49b5-99c6-a6ca974ea924\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"3-flutterappbadger-130\">3. flutter_app_badger: ^1.3.0<\/h3>\n<p>This plugin helps in changing the badge of the app in the launcher. This supports iOS and some android devices.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/flutter_app_badger\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">flutter_app_badger | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">Plugin to update the app badge on the launcher (both for Android and iOS)<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/g123k\/flutter_app_badger\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; g123k\/flutter_app_badger: Support to update the app badge on the launcher (both for Android and iOS)<\/div>\n<div class=\"kg-bookmark-description\">Support to update the app badge on the launcher (both for Android and iOS) &#8211; GitHub &#8211; g123k\/flutter_app_badger: Support to update the app badge on the launcher (both for Android and iOS)<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">g123k<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/opengraph.githubassets.com\/617ba6b0d48a31c6353be8a6086dbb3c3e87906dbf225926e8290cee8a27d44d\/g123k\/flutter_app_badger\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/opengraph.githubassets.com\/617ba6b0d48a31c6353be8a6086dbb3c3e87906dbf225926e8290cee8a27d44d\/g123k\/flutter_app_badger\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"4-iconbadge-100\">4. icon_badge: ^1.0.0<\/h3>\n<p>These are badges with icons for representing notifications.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/icon_badge\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">icon_badge | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">A simple flutter icon widget with notification badge to show number of items.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/Dicksenz\/icon_badge\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; Dicksenz\/icon_badge: A simple flutter icon with notification badge with number of items.<\/div>\n<div class=\"kg-bookmark-description\">A simple flutter icon with notification badge with number of items. &#8211; GitHub &#8211; Dicksenz\/icon_badge: A simple flutter icon with notification badge with number of items.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">Dicksenz<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/opengraph.githubassets.com\/a4cb6db280e09d36879940580de2fdee3e64d91178f990ccb9d871bb47a3af22\/Dicksenz\/icon_badge\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/opengraph.githubassets.com\/a4cb6db280e09d36879940580de2fdee3e64d91178f990ccb9d871bb47a3af22\/Dicksenz\/icon_badge\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"5-bottomnavigationbadge-103\">5. bottom_navigation_badge: ^1.0.3<\/h3>\n<p>This is simply the the badges with data at the bottom navigation bar items. We mostly use them to display the county.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/bottom_navigation_badge\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">bottom_navigation_badge | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">BottomNavigationBadge is a Flutter widget developed by westdabestdb that allows developers to add notification badges to bottom navigation bar items.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/westdabestdb\/bottom_navigation_badge\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; westdabestdb\/bottom_navigation_badge<\/div>\n<div class=\"kg-bookmark-description\">Contribute to westdabestdb\/bottom_navigation_badge development by creating an account on GitHub.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">westdabestdb<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/opengraph.githubassets.com\/c2a10ca5eb6508f521a0fde6e384d5785a33e14d10569be5ee67f249cf22cea2\/westdabestdb\/bottom_navigation_badge\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/opengraph.githubassets.com\/c2a10ca5eb6508f521a0fde6e384d5785a33e14d10569be5ee67f249cf22cea2\/westdabestdb\/bottom_navigation_badge\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"6-rotatedcornerdecoration-200\">6. rotated_corner_decoration: ^2.0.0<\/h3>\n<p>Rotated Corner Decoration plugin is developed to create and implement corner triangle badges. It provides auto rotation of Text spans.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/rotated_corner_decoration\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">rotated_corner_decoration | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">RotatedCornerDecoration package was developed to create and apply corner triangle badges. It provides auto rotation of TextSpans.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/kalaganov\/corner_decoration\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; kalaganov\/corner_decoration: F Flutter package to create Corner Decorations with rotated TextSpans<\/div>\n<div class=\"kg-bookmark-description\">F Flutter package to create Corner Decorations with rotated TextSpans &#8211; GitHub &#8211; kalaganov\/corner_decoration: F Flutter package to create Corner Decorations with rotated TextSpans<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">kalaganov<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/opengraph.githubassets.com\/a19a5408a9e0824c4537f21e6c3e267143bb67babe1a6324de921cc238ccbea6\/kalaganov\/corner_decoration\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/opengraph.githubassets.com\/a19a5408a9e0824c4537f21e6c3e267143bb67babe1a6324de921cc238ccbea6\/kalaganov\/corner_decoration\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"7-floatingribbon-101\">7. floating_ribbon: ^1.0.1<\/h3>\n<p>This simply creates a ribbon like badge over an image or a container.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/floating_ribbon\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">floating_ribbon | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">A new Flutter package for creating floating ribbons on images.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/101Loop\/Floating-Ribbon\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; 101Loop\/Floating-Ribbon: A Flutter package providing an easy way to add floating ribbon to images.<\/div>\n<div class=\"kg-bookmark-description\">A Flutter package providing an easy way to add floating ribbon to images. &#8211; GitHub &#8211; 101Loop\/Floating-Ribbon: A Flutter package providing an easy way to add floating ribbon to images.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">101Loop<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/opengraph.githubassets.com\/83a908ee6ce799d6bcbfbb8f472e84d8fbb9042fe362ac513931149d4363c649\/101Loop\/Floating-Ribbon\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/opengraph.githubassets.com\/83a908ee6ce799d6bcbfbb8f472e84d8fbb9042fe362ac513931149d4363c649\/101Loop\/Floating-Ribbon\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<h3 id=\"8-flavor-200\">8. flavor: ^2.0.0<\/h3>\n<p>A flutter plugin for configuring the flavour settings and displays a flavour bade on the app. These flavours are mainly used in app <a href=\"https:\/\/www.getwidget.dev\/blog\/software-development-life-cycle-sdlc\/\" data-wpil-monitor-id=\"361\">development life cycle<\/a> example: dev, beta, production, or log settings.<\/p>\n<p><strong>Check out installation and\/or implementation guide on pub.dev:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/pub.dev\/packages\/flavor\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">flavor | Flutter Package<\/div>\n<div class=\"kg-bookmark-description\">An easy way to configure flavor settings and displaying flavor banner.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/pub.dev\/static\/img\/flutter-logo-32x32.png?hash=4hh64sfc160bkthaobnlp5brguc4hfne\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">Dart packages<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/pub.dev\/static\/img\/pub-dev-icon-cover-image.png?hash=vg86r2r3mbs62hiv4ldop0ife5um2g5g\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p><strong>Contribute or raise an issue ticket on GitHub:<\/strong><\/p>\n<figure class=\"kg-card kg-bookmark-card\"><a class=\"kg-bookmark-container\" href=\"https:\/\/github.com\/stefandevo\/flutter-flavor\" target=\"_blank\" rel=\"noopener\"><\/p>\n<div class=\"kg-bookmark-content\">\n<div class=\"kg-bookmark-title\">GitHub &#8211; stefandevo\/flutter-flavor: An easy way to configure flavor settings and displaying flavor banner.<\/div>\n<div class=\"kg-bookmark-description\">An easy way to configure flavor settings and displaying flavor banner. &#8211; GitHub &#8211; stefandevo\/flutter-flavor: An easy way to configure flavor settings and displaying flavor banner.<\/div>\n<div class=\"kg-bookmark-metadata\"><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><noscript><img decoding=\"async\" class=\"kg-bookmark-icon lazyload\" src=\"https:\/\/github.com\/fluidicon.png\" alt=\"\"><\/noscript><span class=\"kg-bookmark-author\">GitHub<\/span><span class=\"kg-bookmark-publisher\">stefandevo<\/span><\/div>\n<\/div>\n<div class=\"kg-bookmark-thumbnail\"><img decoding=\"async\" class=\"lazyload\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/opengraph.githubassets.com\/16c4ad8b0f93d3cd8ca5abdd00d3cd0a19548ea95dcf015d3baed560cb0d3295\/stefandevo\/flutter-flavor\" alt=\"\"><noscript><img decoding=\"async\" class=\"lazyload\" src=\"https:\/\/opengraph.githubassets.com\/16c4ad8b0f93d3cd8ca5abdd00d3cd0a19548ea95dcf015d3baed560cb0d3295\/stefandevo\/flutter-flavor\" alt=\"\"><\/noscript><\/div>\n<p><\/a><\/figure>\n<p>We hope this list will help you out. If you have a suggestion to this list then let us know in the comment section and we will add into this list.<\/p>\n","protected":false},"excerpt":{"rendered":"A Flutter badge widget is such a component which is used to show an additional marker (like a&hellip;","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[139],"tags":[],"class_list":{"0":"post-7392","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-flutter","7":"cs-entry"},"_links":{"self":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts\/7392","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/comments?post=7392"}],"version-history":[{"count":2,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts\/7392\/revisions"}],"predecessor-version":[{"id":8680,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/posts\/7392\/revisions\/8680"}],"wp:attachment":[{"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/media?parent=7392"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/categories?post=7392"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.getwidget.dev\/blog\/wp-json\/wp\/v2\/tags?post=7392"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}