اذا أردنا نستخدم badge لعرض مثلا عدد العناصر في سلة المشتريات او او عدد الاشعارات كان لازم نستخدم مكتبه اضافيه اسمها Badges او نبنيها يدوي با استخدام Stack وهذا نوعا ما بيبقى كود طويل ويأخذ وقت وجهد
ولكن بعد Flutter 3.7 وفرت لنا widget لطيفه نقدر نتعامل مع الموضوع بكل سهوله نقدر نستخدمها مع IconButton وهي الطريقه الذي توصي بها flutter
ومعنا عده انواع من badge
منها label لعرض نص على label مثل التالي
IconButton(
icon: const Badge(
label: Text('Your label'),
backgroundColor: Colors.blueAccent,
child: Icon(Icons.receipt),
),
onPressed: () {},
),
او count و ذالك بعرض عدد على badge
IconButton(
icon: Badge.count(
count: 9999,
child: const Icon(Icons.notifications),
),
onPressed: () {},
),
في حال كان label فارغ بدون نص بيظهر نقطه حمرا على الايقونه null
نقدر نتحكم في badge من حيث alignment وPositioned
وايضا من حيث شكل ال badge دائري او مربع او الشكل الذي تريد.
