الفرق بين المراجعتين ل"ReactNative/slider"
| سطر 130: | سطر 130: | ||
===<code>'''maximumTrackImage'''</code>=== | ===<code>'''maximumTrackImage'''</code>=== | ||
| + | تحدد الصورة المستخدمة لتعقّب الجهة اليمينية للزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات اليسارية من الصورة عند التعقّب. | ||
| + | {| class="wikitable" | ||
| + | !النوع | ||
| + | !مطلوب | ||
| + | !المنصة | ||
| + | |- | ||
| + | |صورة (Image.propTypes.source) | ||
| + | |لا | ||
| + | |iOS | ||
| + | |} | ||
| + | |||
| + | ===<code>'''minimumTrackImage'''</code>=== | ||
| + | تحدد الصورة المستخدمة لتعقّب الجهة اليسارية للزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات اليمينية من الصورة عند التعقّب. | ||
| + | {| class="wikitable" | ||
| + | !النوع | ||
| + | !مطلوب | ||
| + | !المنصة | ||
| + | |- | ||
| + | |صورة (Image.propTypes.source) | ||
| + | |لا | ||
| + | |iOS | ||
| + | |} | ||
| + | |||
| + | ===<code>'''thumbImage'''</code>=== | ||
| + | تحدد صورة للإبهام, وتدعم فقط الصور ذات المصدر الثابت. | ||
| + | {| class="wikitable" | ||
| + | !النوع | ||
| + | !مطلوب | ||
| + | !المنصة | ||
| + | |- | ||
| + | |صورة (Image.propTypes.source) | ||
| + | |لا | ||
| + | |iOS | ||
| + | |} | ||
| + | |||
| + | ===<code>'''trackImage'''</code>=== | ||
| + | تحدد صورة وحيدة لتعقّب الزلاقة, وتدعم فقط الصور ذات المصدر الثابت, حيث تتمدد البكسلات في منتصف الصورة عند التعقّب. | ||
| + | {| class="wikitable" | ||
| + | !النوع | ||
| + | !مطلوب | ||
| + | !المنصة | ||
| + | |- | ||
| + | |صورة (Image.propTypes.source) | ||
| + | |لا | ||
| + | |iOS | ||
| + | |} | ||
| + | |||
| + | == '''مصادر''' == | ||
| + | |||
| + | * [https://facebook.github.io/react-native/docs/slider صفحة '''Slider '''في توثيق React Native الرسمي.] | ||
مراجعة 17:22، 13 ديسمبر 2020
Slider
مهملة: استخدم @react-native-community/slider بدلًا منها.
يُستخدم المكوّن Slider لاختيار قيمة من مجال من القيم.
الخاصيّات (Props)
موروثة من الخاصيّات View Props.
style
تُستخدم لتنسيق وتخطيط المكون Slider. ولمزيد من المعلومات يمكن الاطلاع على StyleSheet.js و ViewStylePropTypes.js.
| النوع | مطلوب |
|---|---|
| تنسيق (View.style) | لا |
disabled
إذا كانت قيمتها true فلن يستطيع المستخدم تحريك الزلاقة . قيمتها الافتراضية false.
| النوع | مطلوب |
|---|---|
| قيمة منطقية (bool) | لا |
maximumValue
تحدد القيمة الابتدائية العظمى للزلاقة. قيمتها الافتراضية 1.
| النوع | مطلوب |
|---|---|
| عدد (number) | لا |
minimumTrackTintColor
تحدد اللون المستخدم لتعقّب الجهة اليسارية من الزلاقة, وتلغي عند تمكينها تدرّج اللون الأزرق الافتراضي على منصة iOS.
| النوع | مطلوب |
|---|---|
| لون (color) | لا |
minimumValue
تحدد القيمة الابتدائية الصغرى للزلاقة. قيمتها الافتراضية 0.
| النوع | مطلوب |
|---|---|
| عدد (number) | لا |
onSlidingComplete
تٌستدعى هذه الدالة عند تحرير المستخدم للزلاقة حتى لو لم تتغير قيمتها, حيث يُمرر لهذه الدالة القيمة الحالية للزلاقة كمعامل .
| النوع | مطلوب |
|---|---|
| دالة (function) | لا |
onValueChange
تٌستدعى هذه الدالة باستمرار عند سحب المستخدم للزلاقة.
| النوع | مطلوب |
|---|---|
| دالة (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 |