شارك المقالة

كود منع تدوير الشاشه في التطبيقات بإستخدام فلاتر | screen rotation in applications by Flutter


 كود منع تدوير الشاشه في التطبيقات بإستخدام فلاتر

عند البدء في عمل تطبيق على فلاتر او اي بيئة عمل اخرى في الغالب يكون التطبيق الخاص بك مصمم لان يكون بشكل عمودي ولكن اذا قام المستخدم بتفعيل ميزة تدوير الشاشة في هاتفه وقام بتدوير التطبيق الخاص بك سوف تلاحظ ظهور مشاكل كثيرة بسبب التصميم والسبب يرجع في انك لم تقم بتعديل التصميم لكي يتناسب مع العرض سواء عمودي او افقي ولهذا حاول ان تقوم بقفل منع التدوير لكي لا يتمكن المستخدم من تدوير هاتفك وفي مقالة اليوم سوف نقدم لك الحل


يعمل Flutter بجد لتوسيع قاعدة الشفرة نفسها عبر أي شيء به شاشة ، بما في ذلك Android و iOS و Web و Desktop ، يمكنك استخدام نفس قاعدة الشفرة بشكل فعال لإنشاء تطبيقات للويب سريع الاستجابة (تتنافس مع أطر عمل SPA مثل React و Angular و Vue) ، وسطح المكتب (يتنافس مع Electron و Qt) ، ونأمل أن تكون الأجهزة المضمنة والمزيد في المستقبل مع القليل من الجهد الإضافي.


ليس من السهل إنشاء العديد من تطبيقات Flutter (تسمى أهداف في Flutter) من قاعدة كود واحدة. من خلال شعارها “اكتب مرة واحدة ، ركض في أي مكان” ، وعدت React Native العالم أيضًا بهذا الشيئ ، ولكن كما يشهد المطورون ، فإن هذا بعيد كل البعد عن الواقع.


لمنع خاصية screen rotation من الهاتف


لمنع خاصية screen rotation من الهاتف

حاول ان تضع الكود التالي داخل الmain وهو مخصص لجعل التطبيق يعمل معك بشكل عمودي فقط , اذا كنت ترغب بتجعل التطبيق الخاص بك يعمل بشكل افقي بدون مشاكل فيمكنك الانتقال الى الدرس المخصص والذي وضعنا عنه مقالة في موقعنا لجعل تطبيقك يتناسبك مع الاحجام سواء افقي او عمودي .


  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitDown,
    DeviceOrientation.portraitUp,
  ]);
  


فيديو الشرح

لمزيد من المقالات


شاهد أيضًا
مقالات ذات صلة
شرح كيفية ربط تطبيقك بالفايربيز “Firebase” بطريقة يدوية وتلقائية #1

  تعتبر firebase خدمة من العملاق جوجل تتيح للمطورين اماكينة ربط التطبيقات الخاصه بهم بواسطتها…

تصغير عناصر appbar اثناء scroll في فلاتر || add animation to items Appbar in Flutter

تصغير عناصر appbar اثناء scroll في فلاتر كما نعلم ان الانميشن هيا اساس نجاح معظم…

الحصول على ابعاد الشاشه باستخدام MediaQuery في Flutter

  الحصول على ابعاد الشاشه باستخدام MediaQuery في Flutterفي هذا الدرس والتابع لدروس كيفية تحسين…

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

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