1.7 KiB
| title | localeTitle |
|---|---|
| Screen Dimensions | أبعاد الشاشة |
React Native - أبعاد الشاشة
يستخدم React Native Dots Per Inch (DPI) لقياس حجم واجهة المستخدم (UI) وأي شيء معروض على واجهة المستخدم. يسمح هذا النوع من القياس للتطبيق بمظهر منتظم عبر مختلف أحجام الشاشات والكثافات البيكسل.
بالنسبة لحالات الاستخدام القياسي ، يمكن تطوير التطبيقات دون الاضطرار إلى معرفة خصائص جهاز المستخدم (على سبيل المثال ، كثافة البكسل) نظرًا لتوسيع نطاق عناصر واجهة المستخدم تلقائيًا. عندما تكون هناك حاجة ، هناك availabel APIs مثل PixelRatio للتعرف على كثافة البكسل لجهاز المستخدم.
للحصول على النافذة أو ارتفاع الشاشة / عرض جهاز المستخدم ، يحتوي React Native على واجهة برمجة تطبيقات تسمى Dimensions .
import { Dimensions } from 'react-native';
في ما يلي الطرق التي توفرها Dimensions API:
Dimensions.get('window').height; Dimensions.get('window').width; Dimensions.get('screen').height; Dimensions.get('screen').width;
ملاحظة: كانت هناك بعض المشكلات المعروفة في الماضي باستخدام Dimensions API مثل عدم إرجاع المعلومات الصحيحة عند تدوير المستخدم لجهازه. من الأفضل التأكد من اختبار ذلك على الأجهزة الفعلية قبل نشر التطبيق.