Responsive UI with LayoutBuilder Flutter(Arabic)- واجهة مستخدم تستجيب لمختلف الاحجام LayoutBuilder
HTML-код
- Опубликовано: 13 дек 2022
- #WTM #womentechmakers #womentechmakersAmbassadors #flutter #flutterdeveloper #android #dart #ios #google #flutterdeveloper
في هذ الفيديو سنقوم بشرح كيف يمكننا بناء واجهة مستخدم يستجيب مع الشاشات المختلفو في الاحجام
حيث سنقوم بتصميم ثلاث واجهات مستخدم مختلفة لاحجام شاشات مختلفة :
1- لشاشة اجهزة الهاتف المحملة
2- لشاشة الكمبيوتر اللوحي
3- لشاشة الويب او سطح المكتب
ونضيف القيود اللازمة حتى يظهر لنا التصميم المناسب لكل شاشة
باستخدام ال LayoutBuilder
رابط الكود:
github.com/sunaarun/Responsiv...
رابط الوثيقة الرسمية:
api.flutter.dev/flutter/widge...
#flutter #flutterdeveloper #android #dart #ios #google #flutterdev
نرجو الاستمرار 🙏
بالتوفيق
يسعدني تفاعلكم وتعليقاتكم اللطيفة في القناة ..
شكرا لكم وبالتوفيق للجميع 🥰😘
نريد شرح طريقه استخدام مشروع فلاتر قديم نسخه 1.5
تظهر لنا اخطاء كثيره واكواد داتر لم تعد تعمل ماحل هذه المشكله بارك الله فيكي
hand-pink-wavingface-blue-heart-eyes