mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-03-03 05:02:01 -05:00
d6a160445e
* fix: converted single to triple backticks13 * fix: added prefix Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: removed language in wrong place Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: add language postfix Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com> * fix: removed language in wrong place Co-Authored-By: Tom <20648924+moT01@users.noreply.github.com>
26 lines
1.7 KiB
Markdown
26 lines
1.7 KiB
Markdown
---
|
|
title: Screen Dimensions
|
|
localeTitle: أبعاد الشاشة
|
|
---
|
|
## React Native - أبعاد الشاشة
|
|
|
|
يستخدم React Native Dots Per Inch (DPI) لقياس حجم واجهة المستخدم (UI) وأي شيء معروض على واجهة المستخدم. يسمح هذا النوع من القياس للتطبيق بمظهر منتظم عبر مختلف أحجام الشاشات والكثافات البيكسل.
|
|
|
|
بالنسبة لحالات الاستخدام القياسي ، يمكن تطوير التطبيقات دون الاضطرار إلى معرفة خصائص جهاز المستخدم (على سبيل المثال ، كثافة البكسل) نظرًا لتوسيع نطاق عناصر واجهة المستخدم تلقائيًا. عندما تكون هناك حاجة ، هناك availabel APIs مثل `PixelRatio` للتعرف على كثافة البكسل لجهاز المستخدم.
|
|
|
|
للحصول على النافذة أو ارتفاع الشاشة / عرض جهاز المستخدم ، يحتوي React Native على واجهة برمجة تطبيقات تسمى `Dimensions` .
|
|
|
|
```js
|
|
import { Dimensions } from 'react-native';
|
|
```
|
|
|
|
في ما يلي الطرق التي توفرها `Dimensions` API:
|
|
|
|
```js
|
|
Dimensions.get('window').height;
|
|
Dimensions.get('window').width;
|
|
Dimensions.get('screen').height;
|
|
Dimensions.get('screen').width;
|
|
```
|
|
|
|
**ملاحظة: كانت هناك بعض المشكلات المعروفة في الماضي باستخدام Dimensions API مثل عدم إرجاع المعلومات الصحيحة عند تدوير المستخدم لجهازه. من الأفضل التأكد من اختبار ذلك على الأجهزة الفعلية قبل نشر التطبيق.** |