This media is not supported in your browser
VIEW IN TELEGRAM
جديد! ميزة عارض القصص 🎉
هل تريد البقاء على اطلاع بآخر القصص التي يشاركها أصدقاؤك؟ 🤩
الآن يمكنك استعراض قصص أصدقائك بكل سهولة من خلال واجهة أنيقة وسلسة! 🏆
✨ مزايا عارض القصص:
🔹 تصميم جذاب وبسيط
🔹 سهولة التنقل بين القصص
🔹 تحديث فوري لقصص الأصدقاء
📌 جربها الآن وكن أول من يستمتع بها! 🚀🔥
https://t.me/coderaray5
ما رأيك في هذا المكون؟ هل ستستخدمه في مشاريعك؟ 🤔👇
#Flutter #مبرمج #Flutter #مكونات_قابلة_لإعادة_الاستخدام #UIUX
هل تريد البقاء على اطلاع بآخر القصص التي يشاركها أصدقاؤك؟ 🤩
الآن يمكنك استعراض قصص أصدقائك بكل سهولة من خلال واجهة أنيقة وسلسة! 🏆
✨ مزايا عارض القصص:
🔹 تصميم جذاب وبسيط
🔹 سهولة التنقل بين القصص
🔹 تحديث فوري لقصص الأصدقاء
📌 جربها الآن وكن أول من يستمتع بها! 🚀🔥
https://t.me/coderaray5
ما رأيك في هذا المكون؟ هل ستستخدمه في مشاريعك؟ 🤔👇
#Flutter #مبرمج #Flutter #مكونات_قابلة_لإعادة_الاستخدام #UIUX
مكون عرض القصص القابل لإعادة الاستخدام في فلاتر! 📱🔥
إذا كنت تعمل على تطبيق يشبه إنستجرام أو واتساب، فأنت بالتأكيد بحاجة إلى مكون عرض القصص (Stories Viewer)! 😍💡 اليوم أقدم لك مكونًا قابلاً لإعادة الاستخدام لعرض القصص بطريقة احترافية في تطبيق فلاتر!
📌 ما يقدمه هذا المكون؟
✅ عرض صور القصص للمستخدمين بحواف مميزة (أزرق للقصة الجديدة، رمادي للمشاهدة).
✅ إمكانية التنقل بين القصص بالسحب أو النقر على الجوانب.
✅ مؤشر زمني لكل قصة مع تقدم تلقائي عند انتهاء مدة العرض.
✅ إدارة كاملة لحالة القصة (مشاهدة، انتقال، إغلاق).
✅ إمكانية التخصيص مثل ألوان الحدود، مدة عرض القصة، والتحكم في الأحداث!
🔥 طريقة الاستخدام؟
📦 ببساطة، يمكنك تضمين StoryCircleList في الصفحة الرئيسية لعرض المستخدمين الذين لديهم قصص، وعند الضغط على أي مستخدم يتم فتح StoryViewer لاستعراض القصص بشكل تفاعلي!
🚀 لماذا هذا المكون مهم؟
🔹 يوفر عليك وقت التطوير لأنه جاهز وقابل للتخصيص.
🔹 يحسّن تجربة المستخدم بأسلوب أنيق وسلس.
🔹 يمكن دمجه بسهولة مع أي تطبيق اجتماعي أو تجاري يحتاج إلى ميزة القصص.
💡 إذا كنت بحاجة لهذا المكون في مشروعك، جربه الآن وشاركني رأيك! 😍👇
#مبرمج #فلاتر #Flutter #مكونات_قابلة_لإعادة_الاستخدام #تطوير_تطبيقات
الاكود في الملفات التالية لتسهيل النسخ والاستخدام
إذا كنت تعمل على تطبيق يشبه إنستجرام أو واتساب، فأنت بالتأكيد بحاجة إلى مكون عرض القصص (Stories Viewer)! 😍💡 اليوم أقدم لك مكونًا قابلاً لإعادة الاستخدام لعرض القصص بطريقة احترافية في تطبيق فلاتر!
📌 ما يقدمه هذا المكون؟
✅ عرض صور القصص للمستخدمين بحواف مميزة (أزرق للقصة الجديدة، رمادي للمشاهدة).
✅ إمكانية التنقل بين القصص بالسحب أو النقر على الجوانب.
✅ مؤشر زمني لكل قصة مع تقدم تلقائي عند انتهاء مدة العرض.
✅ إدارة كاملة لحالة القصة (مشاهدة، انتقال، إغلاق).
✅ إمكانية التخصيص مثل ألوان الحدود، مدة عرض القصة، والتحكم في الأحداث!
🔥 طريقة الاستخدام؟
📦 ببساطة، يمكنك تضمين StoryCircleList في الصفحة الرئيسية لعرض المستخدمين الذين لديهم قصص، وعند الضغط على أي مستخدم يتم فتح StoryViewer لاستعراض القصص بشكل تفاعلي!
🚀 لماذا هذا المكون مهم؟
🔹 يوفر عليك وقت التطوير لأنه جاهز وقابل للتخصيص.
🔹 يحسّن تجربة المستخدم بأسلوب أنيق وسلس.
🔹 يمكن دمجه بسهولة مع أي تطبيق اجتماعي أو تجاري يحتاج إلى ميزة القصص.
💡 إذا كنت بحاجة لهذا المكون في مشروعك، جربه الآن وشاركني رأيك! 😍👇
#مبرمج #فلاتر #Flutter #مكونات_قابلة_لإعادة_الاستخدام #تطوير_تطبيقات
الاكود في الملفات التالية لتسهيل النسخ والاستخدام
This media is not supported in your browser
VIEW IN TELEGRAM
واجهة ترحيب عصرية لتجربة مستخدم رائعة! 🌟
🚀 تصميم حديث وسهل الاستخدام لمساعدة المستخدمين على بدء رحلتهم في التطبيق بكل سلاسة!
🎨 واجهة جذابة مع ألوان متناسقة وأيقونات واضحة لضمان تجربة مستخدم مريحة.
📱 تحكم سلس بين الشاشات مع زر التالي وشريط تقدم أنيق.
🔗 إمكانية تخطي المقدمة بسهولة للانتقال مباشرة إلى المحتوى الأساسي.
💡 هل تعتقد أن مثل هذه الواجهة يمكن أن تحسن تجربة تطبيقاتك؟ 🤔 شارك رأيك في التعليقات! 👇
#تطوير_التطبيقات #فلاتر #تصميم_تطبيقات #UIUX
#مكونات_قابلة_لاعادة_الاستخدام
🚀 تصميم حديث وسهل الاستخدام لمساعدة المستخدمين على بدء رحلتهم في التطبيق بكل سلاسة!
🎨 واجهة جذابة مع ألوان متناسقة وأيقونات واضحة لضمان تجربة مستخدم مريحة.
📱 تحكم سلس بين الشاشات مع زر التالي وشريط تقدم أنيق.
🔗 إمكانية تخطي المقدمة بسهولة للانتقال مباشرة إلى المحتوى الأساسي.
💡 هل تعتقد أن مثل هذه الواجهة يمكن أن تحسن تجربة تطبيقاتك؟ 🤔 شارك رأيك في التعليقات! 👇
#تطوير_التطبيقات #فلاتر #تصميم_تطبيقات #UIUX
#مكونات_قابلة_لاعادة_الاستخدام
مكون شاشة الترحيب القابل لإعادة الاستخدام في فلاتر! 🎉
هل ترغب في تحسين تجربة المستخدم عند تشغيل تطبيقك لأول مرة؟ شاشة الترحيب (Onboarding Screen) هي الحل المثالي! ✨ تساعد هذه الشاشة في توضيح مزايا التطبيق وتوجيه المستخدمين الجدد بطريقة سلسة وجذابة. 🔥
اليوم أقدم لك مكونًا قابلاً لإعادة الاستخدام لإنشاء شاشات الترحيب بسهولة في فلاتر! 😍
🎯 ما الذي يقدمه هذا المكون؟
✅ تصميم احترافي وجذاب مع تأثيرات سلسة.
✅ إمكانية التخصيص بالكامل للألوان، الخطوط، الأزرار، الصور، والمزيد.
✅ دعم التمرير بين الصفحات مع رسوم متحركة سلسة.
✅ إمكانية استخدام صور من الشبكة أو من الملفات المحلية.
✅ دعم النصوص من اليمين لليسار (RTL) للغة العربية.
✅ إضافة زر تخطي (Skip) والانتقال السريع للصفحة الأخيرة.
✅ دعم كل من النقاط (Indicators) أو شريط التقدم (Progress Bar).
⚡️ لماذا تحتاج إلى شاشة الترحيب؟
🔹 تحسين تجربة المستخدم الأولى عند تشغيل التطبيق.
🔹 شرح مميزات التطبيق بطريقة واضحة وبصرية.
🔹 جعل التنقل داخل التطبيق أكثر سهولة للمستخدمين الجدد.
🔹 توفير انطباع أول رائع عن التطبيق! 🌟
🔥 طريقة الاستخدام؟
كل ما عليك فعله هو تمرير قائمة من الصفحات مع تحديد العناوين، الوصف، الصور، الألوان، والخطوط، والمكون سيتكفل بالباقي! 🚀
🎨 إمكانية التخصيص؟
يمكنك تخصيص كل شيء تقريبًا، مثل:
✅ الألوان لكل صفحة بشكل منفصل.
✅ إمكانية استبدال الصور الافتراضية بويدجت مخصص.
✅ تغيير النصوص الخاصة بالأزرار (التالي، تخطي، بدء الاستخدام).
✅ إمكانية تشغيل التطبيق بوضع RTL للغة العربية بسهولة.
💡 جرب هذا المكون الرائع في مشروعك، وشاركني رأيك! 😍👇
#مبرمج #فلاتر #Flutter #تطوير_التطبيقات #Onboarding
💻الاكواد المستخدمة كاملة نع مثال كامل لطريقة الاستخدام في الملفات التالية👇
هل ترغب في تحسين تجربة المستخدم عند تشغيل تطبيقك لأول مرة؟ شاشة الترحيب (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
💻الاكواد المستخدمة كاملة نع مثال كامل لطريقة الاستخدام في الملفات التالية👇
تم حظر حسابي على الفيسبوك لذلك سيتم نشر الدروس هنا وارجوا منكم التفاعل ونشر القناة للفائدة
بمناسبة حلول عيد الفطر المبارك، نتقدم إليكم بأصدق التهاني والتبريكات 🎉🌙، سائلين الله أن يعيده علينا وعليكم وعلى الأمة الإسلامية بالخير واليمن والبركات 🌸💖.
وفي هذه الأيام المباركة، لا ننسى إخواننا المستضعفين في غزة وفلسطين، الذين يعانون من الظلم والعدوان 💔🇵🇸، فنرفع أيدينا بالدعاء:
اللهم كن لهم عونًا ونصيرًا 🤲، اللهم الطف بهم وفرّج كربهم، اللهم اربط على قلوبهم، وارزقهم الأمن والسلام 🕊️، وانصرهم على من ظلمهم، وكن لهم سندًا وحافظًا 🏡🛡️.
اللهم اجعل هذا العيد فاتحة خير وبركة ونصر وفرج لهم ولأمتنا الإسلامية 🌍✨.
كل عام وأنتم بخير، وتقبل الله منا ومنكم صالح الأعمال 🌙💖.
وفي هذه الأيام المباركة، لا ننسى إخواننا المستضعفين في غزة وفلسطين، الذين يعانون من الظلم والعدوان 💔🇵🇸، فنرفع أيدينا بالدعاء:
اللهم كن لهم عونًا ونصيرًا 🤲، اللهم الطف بهم وفرّج كربهم، اللهم اربط على قلوبهم، وارزقهم الأمن والسلام 🕊️، وانصرهم على من ظلمهم، وكن لهم سندًا وحافظًا 🏡🛡️.
اللهم اجعل هذا العيد فاتحة خير وبركة ونصر وفرج لهم ولأمتنا الإسلامية 🌍✨.
كل عام وأنتم بخير، وتقبل الله منا ومنكم صالح الأعمال 🌙💖.