شارك المقالة

كيف تجعل صورك في Flutter تشبه صور Instagram أثناء التحميل ؟

عمل تمويه للصور عند عرضها من الانترنت وعند اكتمال التحميل تظهر الصورة الاصليه مثل تطبيق انستقرام Flutter


مكتبة flutter_blurhash هي مكتبة مفتوحة المصدر لـ Flutter تتيح لك إنشاء وعرض وتحليل ملفات blurhash.


Blurhash هو تنسيق ملف صورة جديد نسبيًا مصمم لتقليل حجم الصور دون فقدان الكثير من الجودة. يعمل عن طريق إنشاء صورة منقطة تحتوي على معلومات حول المحتوى الأصلي للصورة.


تستخدم مكتبة flutter_blurhash تقنية Blurhash لإنشاء صور نقطية من الصور الأصلية. يمكن استخدام هذه الصور النقطية لعرض الصور الأصلية بجودة عالية أو لاستخدامها كصور رمزية أو كائنات قابلة للتمرير.


ميزات مكتبة flutter_blurhash:

تقدم مكتبة flutter_blurhash مجموعة متنوعة من الميزات التي تجعلها أداة مفيدة لإنشاء وعرض وتحليل ملفات blurhash. تشمل بعض الميزات الأكثر شيوعًا ما يلي:


إنشاء ملفات blurhash: تتيح لك مكتبة flutter_blurhash إنشاء ملفات blurhash من الصور الأصلية.

عرض ملفات blurhash: تتيح لك مكتبة flutter_blurhash عرض ملفات blurhash على شاشة الجهاز.

تحليل ملفات blurhash: تتيح لك مكتبة flutter_blurhash تحليل ملفات blurhash لتحديد المحتوى الأصلي للصورة.


يمكنك مشاركة تطبيقات الويب بسرعة مع أصدقائك وزملائك في العمل. من خلال البريد الإلكتروني أو منصات الوسائط الاجتماعية مثل Facebook أو Twitter ، يمكنك مشاركة الروابط معهم. يسهل الوصول إليها من أي مكان وفي أي وقت لأنها متوفرة عبر العديد من الأنظمة الأساسية والمتصفحات. مرونة قابلة للتطوير أكبر ميزة لتطوير تطبيق ويب هي أنه يمكنك تحديث موقع الويب الخاص بك أو تعديله وقتما تشاء. يمكنك تغيير المواد وإضافة الميزات أو حذفها والمزيد. سواء كنت تدير شركة صغيرة أو متجرًا عبر الإنترنت ، يمكنك دائمًا تحديث موقع الويب الخاص بك بميزات ووظائف جديدة لتلبية احتياجاتك.


مكتبة flutter_blurhash هي أداة مفيدة لإنشاء وعرض وتحليل ملفات blurhash. إذا كنت تبحث عن طريقة لتقليل حجم الصور دون فقدان الكثير من الجودة، فإن مكتبة flutter_blurhash هي خيار جيد.


اضافة المكتبة الى مشروعك


مثال حول استخدام flutter_blurhash  في مشروعك


Center(
          child: AspectRatio(
            aspectRatio: 1.6,
            child: BlurHash(hash: "L5H2EC=PM+yV0g-mq.wG9c010J}I"),
          ),
        ),
        

شاهد أيضًا
مقالات ذات صلة
شرح كيفية حفظ scroll المستخدم داخل ال list في فلاتر | How to save the user scroll inside the list in Flutter

شرح كيفية حفظ scroll المستخدم داخل ال list في فلاتر | How to save the user…

شرح جميع الطرق في تحديث البيانات بسهولة باستخدام Node.js

هل تواجه مشكلات في تحديث البيانات؟ إليك الحلول الكاملة باستخدام Node.jsكيفية تحديث البيانات بسرعة وفعالية…

كود برنامج بلغة البايثون لمعرفة الاعداد الزوجيه والفرديه (even or odd number)

write python program that reads an integer and checks whather it is even or odd…

🚫 مانع الإعلانات مفعل

يجب إيقاف مانع الإعلانات لاستكمال تصفح الموقع