إنشاء ايقونة story في تطبيقات Flutter
معظم التطبيقات التي تتواجد على الانترنت اصبحت الان تدعم ميزة story وقد لا يخلو تطبيق تواصل اجتماعي منها وفي هذا المقال قررنا ان نقدم لكم مكتبة من المكتبات الجميله في تطوير تطبيقات الجوال وتحسين مظهرها وهيا تقوم باضافة ميزة ال story لدى تطبيقك وهيا عباره عن حلقه دائريه تظهر حول الصورة الخاصه بك ويمكنك تخصيص اللون لهذه الحلقه وتغير اللون الى الرمادي بعد مشاهدة المستخدم لها او حتى حتى حذفها بعد ان يقوم المستخدم بمشاهدتها .
تُعرف عملية إنشاء تطبيق برمجي خصيصًا لتلبية متطلبات مستخدم واحد أو مجموعة من المستخدمين باسم تطوير التطبيقات المخصصة. يمكن أن يستلزم إنشاء تطبيق جديد تمامًا من البداية بناءً على المواصفات التي يوفرها المستخدم أو إنشاء حل يربط بين تطبيقين حاليين أو أكثر لتحسين كفاءتهم. هناك مزايا عديدة لكلا السيناريوهين
فوائد تطوير تخصيص التطبيقات المخصصة – الكفاءة – التحسين – النمو القابل للتطوير – المنظور الخارجي
fancy_avatar: ^0.0.4
How to create story icon in Flutter project
بعد تثبيت المكتبة السابقه سوف تكون قادر على استخدام خاصية FancyAvatar واضافة بداخلها الصورة والحجم واللون وقوة التاثير والضبابيه والظل وتقريبا كل شيئ يمكنك تخصيصه من خلال هذه المكتبة ولكن قبل كل شيئ لا تنسى تثبيتها لديك حتى تتمكن من استخدامها .
story.dart
Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
FancyAvatar(
ringColor: Colors.indigoAccent[400],
spaceWidth: 2.5,
elevation: 15.0,
ringWidth: 2.5,
radius: 40,
userImage: Image.asset('assets/image-3.jpg'),
),
FancyAvatar(
ringColor: Colors.redAccent[400],
spaceWidth: 2.5,
elevation: 15.0,
ringWidth: 2.5,
radius: 40,
userImage: Image.asset('assets/image-4.jpg'),
),
FancyAvatar(
ringColor: Colors.orange[400],
spaceWidth: 2.5,
elevation: 15.0,
ringWidth: 2.5,
radius: 40,
userImage: Image.asset('assets/image-5.png'),
),
],
),
),
