القائمة الرئيسية

الصفحات

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

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


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

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


يعمل 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,
  ]);
  


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

تعليقات

التنقل السريع