كود منع تدوير الشاشه في التطبيقات بإستخدام فلاتر | 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,
  ]);
  


فيديو الشرح

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


تعليقات