الفرق بين المراجعتين لصفحة: «ReactNative/slider»
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
{{DISPLAYTITLE:Slider في React Native}} | |||
<blockquote>'''مهملة:''' استخدم [https://github.com/react-native-community/react-native-slider @react-native-community/slider] بدلًا منها.</blockquote> | |||
'''مهملة:''' استخدم [https://github.com/react-native-community/react-native-slider @react-native-community/slider] بدلًا منها. | |||
يُستخدم المكوّن <code>Slider</code> لاختيار قيمة من مجال من القيم. | يُستخدم المكوّن <code>Slider</code> لاختيار قيمة من مجال من القيم. | ||
| سطر 180: | سطر 179: | ||
== مصادر == | == مصادر == | ||
* [https://reactnative.dev/docs/slider صفحة Slider | * [https://reactnative.dev/docs/slider صفحة Slider في توثيق React Native الرسمي.] | ||
[[تصنيف:ReactNative]] | |||
مراجعة 17:12، 18 ديسمبر 2020
مهملة: استخدم @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 |