Telegram Web Link
This media is not supported in your browser
VIEW IN TELEGRAM
بطاقات تفاعلية قابلة للقلب في Flutter! 🎴🔥

تخيل أن تضيف تأثير قلب احترافي إلى تطبيقك بسهولة! 🤩
💡 ماذا لو تمكن المستخدمون من قلب البطاقات للكشف عن محتوى مخفي؟

🔹 تقليب أفقي وعمودي بسلاسة
🔹 تصميم جذاب وقابل للتخصيص بالكامل
🔹 تجربة مستخدم تفاعلية وممتعة

📌 انتظر الكود قريبًا! 😍
إذا كنت متحمسًا لهذا المكون، أخبرني في التعليقات! 👇🔥

#Flutter #UI #مكون_قابل_لإعادة_الاستخدام #مبرمج #مكونات_قابلة_لاعادة_الاستخدام
مكون FlipCard القابل لإعادة الاستخدام في Flutter! 🎴🔥

هل تبحث عن طريقة أنيقة لإنشاء بطاقات تتقلب عند النقر؟ مكون FlipCard يجعل ذلك ممكنًا بسهولة!

الميزات:
🔹 يدعم التقليب أفقيًا أو عموديًا.
🔹 إمكانية التحكم في مدة الحركة.
🔹 يدعم تشغيل التقليب عند النقر أو برمجيًا.
🔹 ينبه عند تغيير الحالة بين الوجه الأمامي والخلفي.

💡 الاستخدام المثالي:

بطاقات الأسئلة والأجوبة (Flashcards).
بطاقات المعلومات التفاعلية.
تأثيرات بصرية جذابة في التطبيقات.

🎨 يمكنك تخصيص المكون ليعرض صورًا، نصوصًا، أيقونات، أو حتى عناصر تفاعلية!

مثال عملي: كيفية استخدام FlipCard لإنشاء بطاقات تفاعلية في التطبيق

🔍 في هذا المثال، نعرض كيفية تطبيق تأثير القلب على بطاقتين:
البطاقة الأولى تتقلب أفقيًا.
البطاقة الثانية تتقلب عموديًا.

📌 طريقة التنفيذ:

استخدم FlipCard لإنشاء التأثير التفاعلي.
خصص كل بطاقة بالألوان والنصوص المناسبة.
📌 جربه في مشروعك وأضف لمسة احترافية لتطبيقك! 👨‍💻🚀
الاكواد المستخدمة موجودة في الصور المرفقة

ما رأيك في هذا المكون؟ هل ستستخدمه في مشاريعك؟ 🤔👇
#Flutter #مبرمج #Flutter #مكونات_قابلة_لإعادة_الاستخدام #UIUX
السلام عليكم ورحمة الله وبركاته
اعتذر منكم عن الانقطاع ولكن لدي ضروفي الخاصة وإن شاء الله اعود في هذه الأيام قريبا جداً وحاليا لسا بجهز في دروس جديدة بنشرها في هذه اليومين القادمين
ابقوا على اطلاع
#flutter #مبرمج
This media is not supported in your browser
VIEW IN TELEGRAM
جديد! ميزة عارض القصص 🎉
هل تريد البقاء على اطلاع بآخر القصص التي يشاركها أصدقاؤك؟ 🤩
الآن يمكنك استعراض قصص أصدقائك بكل سهولة من خلال واجهة أنيقة وسلسة! 🏆
مزايا عارض القصص:
🔹 تصميم جذاب وبسيط
🔹 سهولة التنقل بين القصص
🔹 تحديث فوري لقصص الأصدقاء
📌 جربها الآن وكن أول من يستمتع بها! 🚀🔥
https://www.tg-me.com/coderaray5
ما رأيك في هذا المكون؟ هل ستستخدمه في مشاريعك؟ 🤔👇
#Flutter #مبرمج #Flutter #مكونات_قابلة_لإعادة_الاستخدام #UIUX
مكون عرض القصص القابل لإعادة الاستخدام في فلاتر! 📱🔥
إذا كنت تعمل على تطبيق يشبه إنستجرام أو واتساب، فأنت بالتأكيد بحاجة إلى مكون عرض القصص (Stories Viewer)! 😍💡 اليوم أقدم لك مكونًا قابلاً لإعادة الاستخدام لعرض القصص بطريقة احترافية في تطبيق فلاتر!

📌 ما يقدمه هذا المكون؟
عرض صور القصص للمستخدمين بحواف مميزة (أزرق للقصة الجديدة، رمادي للمشاهدة).
إمكانية التنقل بين القصص بالسحب أو النقر على الجوانب.
مؤشر زمني لكل قصة مع تقدم تلقائي عند انتهاء مدة العرض.
إدارة كاملة لحالة القصة (مشاهدة، انتقال، إغلاق).
إمكانية التخصيص مثل ألوان الحدود، مدة عرض القصة، والتحكم في الأحداث!

🔥 طريقة الاستخدام؟
📦 ببساطة، يمكنك تضمين StoryCircleList في الصفحة الرئيسية لعرض المستخدمين الذين لديهم قصص، وعند الضغط على أي مستخدم يتم فتح StoryViewer لاستعراض القصص بشكل تفاعلي!

🚀 لماذا هذا المكون مهم؟
🔹 يوفر عليك وقت التطوير لأنه جاهز وقابل للتخصيص.
🔹 يحسّن تجربة المستخدم بأسلوب أنيق وسلس.
🔹 يمكن دمجه بسهولة مع أي تطبيق اجتماعي أو تجاري يحتاج إلى ميزة القصص.

💡 إذا كنت بحاجة لهذا المكون في مشروعك، جربه الآن وشاركني رأيك! 😍👇
#مبرمج #فلاتر #Flutter #مكونات_قابلة_لإعادة_الاستخدام #تطوير_تطبيقات
الاكود في الملفات التالية لتسهيل النسخ والاستخدام
النتيجة كصورة
This media is not supported in your browser
VIEW IN TELEGRAM
واجهة ترحيب عصرية لتجربة مستخدم رائعة! 🌟
🚀 تصميم حديث وسهل الاستخدام لمساعدة المستخدمين على بدء رحلتهم في التطبيق بكل سلاسة!
🎨 واجهة جذابة مع ألوان متناسقة وأيقونات واضحة لضمان تجربة مستخدم مريحة.
📱 تحكم سلس بين الشاشات مع زر التالي وشريط تقدم أنيق.
🔗 إمكانية تخطي المقدمة بسهولة للانتقال مباشرة إلى المحتوى الأساسي.

💡 هل تعتقد أن مثل هذه الواجهة يمكن أن تحسن تجربة تطبيقاتك؟ 🤔 شارك رأيك في التعليقات! 👇

#تطوير_التطبيقات #فلاتر #تصميم_تطبيقات #UIUX
#مكونات_قابلة_لاعادة_الاستخدام
مكون شاشة الترحيب القابل لإعادة الاستخدام في فلاتر! 🎉
هل ترغب في تحسين تجربة المستخدم عند تشغيل تطبيقك لأول مرة؟ شاشة الترحيب (Onboarding Screen) هي الحل المثالي! تساعد هذه الشاشة في توضيح مزايا التطبيق وتوجيه المستخدمين الجدد بطريقة سلسة وجذابة. 🔥

اليوم أقدم لك مكونًا قابلاً لإعادة الاستخدام لإنشاء شاشات الترحيب بسهولة في فلاتر! 😍

🎯 ما الذي يقدمه هذا المكون؟
تصميم احترافي وجذاب مع تأثيرات سلسة.
إمكانية التخصيص بالكامل للألوان، الخطوط، الأزرار، الصور، والمزيد.
دعم التمرير بين الصفحات مع رسوم متحركة سلسة.
إمكانية استخدام صور من الشبكة أو من الملفات المحلية.
دعم النصوص من اليمين لليسار (RTL) للغة العربية.
إضافة زر تخطي (Skip) والانتقال السريع للصفحة الأخيرة.
دعم كل من النقاط (Indicators) أو شريط التقدم (Progress Bar).

⚡️ لماذا تحتاج إلى شاشة الترحيب؟
🔹 تحسين تجربة المستخدم الأولى عند تشغيل التطبيق.
🔹 شرح مميزات التطبيق بطريقة واضحة وبصرية.
🔹 جعل التنقل داخل التطبيق أكثر سهولة للمستخدمين الجدد.
🔹 توفير انطباع أول رائع عن التطبيق! 🌟

🔥 طريقة الاستخدام؟
كل ما عليك فعله هو تمرير قائمة من الصفحات مع تحديد العناوين، الوصف، الصور، الألوان، والخطوط، والمكون سيتكفل بالباقي! 🚀

OnboardingScreen(
pages: [
OnboardingPageData(
title: "مرحبًا بك في تطبيقنا!",
description: "اكتشف ميزات رائعة تجعل حياتك أسهل.",
imagePath: "assets/images/onboarding1.png",
backgroundColor: Colors.blueAccent,
textColor: Colors.white,
),
OnboardingPageData(
title: "سهولة الاستخدام",
description: "تصميم بسيط وسهل للتنقل داخل التطبيق.",
imagePath: "assets/images/onboarding2.png",
backgroundColor: Colors.green,
textColor: Colors.white,
),
],
onDone: () {
// الانتقال إلى الصفحة الرئيسية عند الانتهاء
},
)

🎨 إمكانية التخصيص؟
يمكنك تخصيص كل شيء تقريبًا، مثل:
الألوان لكل صفحة بشكل منفصل.
إمكانية استبدال الصور الافتراضية بويدجت مخصص.
تغيير النصوص الخاصة بالأزرار (التالي، تخطي، بدء الاستخدام).
إمكانية تشغيل التطبيق بوضع RTL للغة العربية بسهولة.

💡 جرب هذا المكون الرائع في مشروعك، وشاركني رأيك! 😍👇
#مبرمج #فلاتر #Flutter #تطوير_التطبيقات #Onboarding
💻الاكواد المستخدمة كاملة نع مثال كامل لطريقة الاستخدام في الملفات التالية👇
تم حظر حسابي على الفيسبوك لذلك سيتم نشر الدروس هنا وارجوا منكم التفاعل ونشر القناة للفائدة
بمناسبة حلول عيد الفطر المبارك، نتقدم إليكم بأصدق التهاني والتبريكات 🎉🌙، سائلين الله أن يعيده علينا وعليكم وعلى الأمة الإسلامية بالخير واليمن والبركات 🌸💖.

وفي هذه الأيام المباركة، لا ننسى إخواننا المستضعفين في غزة وفلسطين، الذين يعانون من الظلم والعدوان 💔🇵🇸، فنرفع أيدينا بالدعاء:

اللهم كن لهم عونًا ونصيرًا 🤲، اللهم الطف بهم وفرّج كربهم، اللهم اربط على قلوبهم، وارزقهم الأمن والسلام 🕊️، وانصرهم على من ظلمهم، وكن لهم سندًا وحافظًا 🏡🛡️.

اللهم اجعل هذا العيد فاتحة خير وبركة ونصر وفرج لهم ولأمتنا الإسلامية 🌍.

كل عام وأنتم بخير، وتقبل الله منا ومنكم صالح الأعمال 🌙💖.
2025/10/21 10:06:46
Back to Top
HTML Embed Code: