مراجعة 17:05، 18 ديسمبر 2020

Slider

مهملة: استخدم @react-native-community/slider بدلًا منها.

يُستخدم المكوّن Slider لاختيار قيمة من مجال من القيم.

الخاصيّات (Props)

موروثة من خاصيّات المكوّن View.

`style`

تُستخدم لتنسيق وتخطيط المكون Slider. ولمزيد من المعلومات يمكن الاطلاع على StyleSheet.js و ViewStylePropTypes.js.

النوع	مطلوب
تنسيق (View.style)	لا

`disabled`

إذا كانت قيمتها true فلن يستطيع المستخدم تحريك الزلاقة . قيمتها الافتراضية false.

النوع	مطلوب
قيمة منطقية (bool)	لا

`maximumValue`

تحدد القيمة الابتدائية العظمى للزلاقة. قيمتها الافتراضية 1.

النوع	مطلوب
عدد (number)	لا

`minimumTrackTintColor`

تحدد اللون المستخدم لتعقّب الجهة اليسارية من الزلاقة, وتلغي عند تمكينها تدرّج اللون الأزرق الافتراضي على منصة iOS.

النوع	مطلوب
لون (color)	لا

`minimumValue`

تحدد القيمة الابتدائية الصغرى للزلاقة. قيمتها الافتراضية 0.

النوع	مطلوب
عدد (number)	لا

`onSlidingComplete`

رد نداء (callback) يُستدعَى عند تحرير المستخدم للزلاقة حتى لو لم تتغير قيمتها, حيث يُمرر له القيمة الحالية للزلاقة كمعامل .

النوع	مطلوب
دالة (function)	لا

`onValueChange`

رد نداء (callback) يُستدعَى باستمرار عند سحب المستخدم للزلاقة.

النوع	مطلوب
دالة (function)	لا

`step`

تحدد قيمة خطوة الزلاقة, وتتراوح بين 0 و (maximumValue - minimumValue). قيمتها الافتراضية 0.

النوع	مطلوب
عدد (number)	لا

`maximumTrackTintColor`

تحدد اللون المستخدم لتعقّب الجهة اليمينية من الزلاقة, وتلغي عند تمكينها تدرج اللون الرمادي الافتراضي على منصة iOS.

النوع	مطلوب
لون (color)	لا

`testID`

تستخدم لوضع هذا العرض في اختبارات أتمتة واجهة المستخدم (UI automation tests).

النوع	مطلوب
سلسلة نصية (string)	لا

`value`

تحدد القيمة الابتدائية للزلاقة, وتتراوح بين minimumValue و maximumValue. قيمتها الافتراضية 0.

ملاحظة: هذا المكون غير متحكم به لذا لا داعي لتحديث القيمة أثناء السحب.

النوع	مطلوب
عدد (number)	لا

`thumbTintColor`

اللون المستخدم لتلوين صور الإبهام الافتراضية على منصّة iOS, أو لون مفتاح التبديل الأمامي على منصة Android.

النوع	مطلوب
لون (color)	لا

`maximumTrackImage`

تحدد الصورة المستخدمة لتعقّب الجهة اليمينية للزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات اليسارية من الصورة عند التعقّب.

النوع	مطلوب	المنصة
مصدر صورة (Image.propTypes.source)	لا	iOS

`minimumTrackImage`

تحدد الصورة المستخدمة لتعقّب الجهة اليسارية للزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات اليمينية من الصورة عند التعقّب.

النوع	مطلوب	المنصة
مصدر صورة (Image.propTypes.source)	لا	iOS

`thumbImage`

تحدد صورة للإبهام, وتدعم فقط الصور ذات المصدر الثابت.

النوع	مطلوب	المنصة
مصدر صورة (Image.propTypes.source)	لا	iOS

`trackImage`

تحدد صورة وحيدة لتعقّب الزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات في منتصف الصورة عند التعقّب.

النوع	مطلوب	المنصة
مصدر صورة (Image.propTypes.source)	لا	iOS

مصادر

صفحة Slider في توثيق React Native الرسمي.

@@ سطر 1: / سطر 1: @@
-= '''Slider''' =
+= Slider =
 '''مهملة:''' استخدم [https://github.com/react-native-community/react-native-slider @react-native-community/slider] بدلًا منها.
@@ سطر 5: / سطر 5: @@
 يُستخدم المكوّن <code>Slider</code> لاختيار قيمة من مجال من القيم.
-== '''الخاصيّات (Props)''' ==
+== الخاصيّات (Props) ==
-موروثة من الخاصيّات <code>View Props</code>.
+موروثة من خاصيّات المكوّن <code>[[ReactNative/view#.D8.A7.D9.84.D8.AE.D8.A7.D8.B5.D9.8A.D8.A7.D8.AA|View]]</code>.
 === <code>style</code> ===
@@ سطر 18: / سطر 18: @@
 |}
-=== <code>'''disabled'''</code> ===
+=== <code>disabled</code> ===
 إذا كانت قيمتها <code>true</code> فلن يستطيع المستخدم تحريك الزلاقة . قيمتها الافتراضية <code>false</code>.
 {| class="wikitable"
@@ سطر 28: / سطر 28: @@
 |}
-=== <code>'''maximumValue'''</code> ===
+=== <code>maximumValue</code> ===
 تحدد القيمة الابتدائية العظمى للزلاقة. قيمتها الافتراضية <code>1</code>.
 {| class="wikitable"
@@ سطر 38: / سطر 38: @@
 |}
-=== <code>'''minimumTrackTintColor'''</code> ===
+=== <code>minimumTrackTintColor</code> ===
 تحدد اللون المستخدم لتعقّب الجهة اليسارية من الزلاقة, وتلغي عند تمكينها تدرّج اللون الأزرق الافتراضي على منصة iOS.
 {| class="wikitable"
@@ سطر 44: / سطر 44: @@
 !مطلوب
 |-
-|لون ([https://reactnative.dev/docs/colors color])
+|لون ([[ReactNative/colors|color]])
 |لا
 |}
-=== <code>'''minimumValue'''</code> ===
+=== <code>minimumValue</code> ===
 تحدد القيمة الابتدائية الصغرى للزلاقة. قيمتها الافتراضية <code>0</code>.
 {| class="wikitable"
@@ سطر 58: / سطر 58: @@
 |}
-=== <code>'''onSlidingComplete'''</code> ===
+=== <code>onSlidingComplete</code> ===
-تٌستدعى هذه الدالة عند تحرير المستخدم للزلاقة حتى لو لم تتغير قيمتها, حيث يُمرر لهذه الدالة القيمة الحالية للزلاقة كمعامل .
+رد نداء (callback) يُستدعَى عند تحرير المستخدم للزلاقة حتى لو لم تتغير قيمتها, حيث يُمرر له القيمة الحالية للزلاقة كمعامل .
 {| class="wikitable"
 !النوع
@@ سطر 68: / سطر 68: @@
 |}
-=== <code>'''onValueChange'''</code> ===
+=== <code>onValueChange</code> ===
-تٌستدعى هذه الدالة باستمرار عند سحب المستخدم للزلاقة.
+رد نداء (callback) يُستدعَى باستمرار عند سحب المستخدم للزلاقة.
 {| class="wikitable"
 !النوع
@@ سطر 78: / سطر 78: @@
 |}
-=== <code>'''step'''</code> ===
+=== <code>step</code> ===
 تحدد قيمة خطوة الزلاقة, وتتراوح بين <code>0</code> و (<code>maximumValue</code> - <code>minimumValue</code>). قيمتها الافتراضية <code>0</code>.
 {| class="wikitable"
@@ سطر 88: / سطر 88: @@
 |}
-=== <code>'''maximumTrackTintColor'''</code> ===
+=== <code>maximumTrackTintColor</code> ===
 تحدد اللون المستخدم لتعقّب الجهة اليمينية من الزلاقة, وتلغي عند تمكينها تدرج اللون الرمادي الافتراضي على منصة iOS.
 {| class="wikitable"
@@ سطر 94: / سطر 94: @@
 !مطلوب
 |-
-|لون ([https://reactnative.dev/docs/colors color])
+|لون ([[ReactNative/colors|color]])
 |لا
 |}
-===<code>'''testID'''</code>===
+===<code>testID</code>===
 تستخدم لوضع هذا العرض في اختبارات أتمتة واجهة المستخدم (UI automation tests).
 {| class="wikitable"
@@ سطر 108: / سطر 108: @@
 |}
-=== <code>'''value'''</code> ===
+=== <code>value</code> ===
 تحدد القيمة الابتدائية للزلاقة, وتتراوح بين <code>minimumValue</code> و <code>maximumValue</code>. قيمتها الافتراضية <code>0</code>.
 '''ملاحظة:''' هذا المكون غير متحكم به لذا لا داعي لتحديث القيمة أثناء السحب.
 {| class="wikitable"
@@ سطر 119: / سطر 120: @@
 |}
-===<code>'''thumbTintColor'''</code>===
+===<code>thumbTintColor</code>===
 اللون المستخدم لتلوين صور الإبهام الافتراضية على منصّة iOS, أو لون مفتاح التبديل الأمامي على منصة Android.
 {| class="wikitable"
@@ سطر 125: / سطر 126: @@
 !مطلوب
 |-
-|لون ([https://reactnative.dev/docs/colors color])
+|لون ([[ReactNative/colors|color]])
 |لا
 |}
-===<code>'''maximumTrackImage'''</code>===
+===<code>maximumTrackImage</code>===
 تحدد الصورة المستخدمة لتعقّب الجهة اليمينية للزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات اليسارية من الصورة عند التعقّب.
 {| class="wikitable"
@@ سطر 136: / سطر 137: @@
 !المنصة
 |-
-|صورة (Image.propTypes.source)
+|مصدر صورة (Image.propTypes.source)
 |لا
 |iOS
 |}
-===<code>'''minimumTrackImage'''</code>===
+===<code>minimumTrackImage</code>===
 تحدد الصورة المستخدمة لتعقّب الجهة اليسارية للزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات اليمينية من الصورة عند التعقّب.
 {| class="wikitable"
@@ سطر 148: / سطر 149: @@
 !المنصة
 |-
-|صورة (Image.propTypes.source)
+|مصدر صورة (Image.propTypes.source)
 |لا
 |iOS
 |}
-===<code>'''thumbImage'''</code>===
+===<code>thumbImage</code>===
 تحدد صورة للإبهام, وتدعم فقط الصور ذات المصدر الثابت.
 {| class="wikitable"
@@ سطر 160: / سطر 161: @@
 !المنصة
 |-
-|صورة (Image.propTypes.source)
+|مصدر صورة (Image.propTypes.source)
 |لا
 |iOS
 |}
-===<code>'''trackImage'''</code>===
+===<code>trackImage</code>===
 تحدد صورة وحيدة لتعقّب الزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات في منتصف الصورة عند التعقّب.
 {| class="wikitable"
@@ سطر 172: / سطر 173: @@
 !المنصة
 |-
-|صورة (Image.propTypes.source)
+|مصدر صورة (Image.propTypes.source)
 |لا
 |iOS
 |}
-== '''مصادر''' ==
+== مصادر ==
-* [https://facebook.github.io/react-native/docs/slider صفحة '''Slider  '''في توثيق React Native الرسمي.]
+* [https://reactnative.dev/docs/slider صفحة Slider ''' '''في توثيق React Native الرسمي.]