الفرق بين المراجعتين لصفحة: «ReactNative/viewtoken»
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| (1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:نوع الكائن ViewToken في React Native}}</noinclude> | |||
تعيد دالة رد النداء <code>onViewableItemsChanged</code> الكائن <code>ViewToken</code> كأحد الخصائص كما في المكوّن [[ReactNative/flatlist|FlatList]]، ويصدِّر <code>[https://github.com/facebook/react-native/blob/master/Libraries/Lists/ViewabilityHelper.js ViewabilityHelper.js]</code> هذا الكائن. | تعيد دالة رد النداء <code>onViewableItemsChanged</code> الكائن <code>ViewToken</code> كأحد الخصائص كما في المكوّن [[ReactNative/flatlist|FlatList]]، ويصدِّر <code>[https://github.com/facebook/react-native/blob/master/Libraries/Lists/ViewabilityHelper.js ViewabilityHelper.js]</code> هذا الكائن. | ||
يستخدم هذا الكائن: | |||
*<code>[[ReactNative/flatlist|FlatList]]</code> | |||
*<code>[[ReactNative/sectionlist|SectionList]]</code> | |||
*<code>[[ReactNative/virtualizedlist|VirtualizedList]]</code> | |||
== مثال == | |||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
{ | { | ||
| سطر 12: | سطر 17: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== مفاتيح وقيم == | |||
===<code>index</code>=== | |||
معرّف عددي فريد مُسنَد لعنصر البيانات. | معرّف عددي فريد مُسنَد لعنصر البيانات. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 24: | سطر 29: | ||
|} | |} | ||
===<code>isViewable</code>=== | |||
يحدّد ما إذا كان جزء من عنصر القائمة على الأقل مرئيًا في إطار العرض viewport. | يحدّد ما إذا كان جزء من عنصر القائمة على الأقل مرئيًا في إطار العرض viewport. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 34: | سطر 39: | ||
|} | |} | ||
===<code>item</code>=== | |||
بيانات العنصر. | بيانات العنصر. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 44: | سطر 49: | ||
|} | |} | ||
===<code>key</code>=== | |||
معرّف المفتاح المُسنَد لعنصر البيانات المستخرَج إلى المستوى الأعلى. | معرّف المفتاح المُسنَد لعنصر البيانات المستخرَج إلى المستوى الأعلى. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 54: | سطر 59: | ||
|} | |} | ||
===<code>section</code>=== | |||
بيانات قسم العنصر عند استخدامها مع <code>SectionList</code>. | بيانات قسم العنصر عند استخدامها مع <code>SectionList</code>. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 63: | سطر 68: | ||
|نعم | |نعم | ||
|} | |} | ||
== مصادر == | == مصادر == | ||
* [https://reactnative.dev/docs/viewtoken صفحة ViewToken Object Type في توثيق React Native الرسمي.] | * [https://reactnative.dev/docs/viewtoken صفحة ViewToken Object Type في توثيق React Native الرسمي.] | ||
[[تصنيف:ReactNative]] | |||
[[تصنيف:React Native Component]] | |||
المراجعة الحالية بتاريخ 14:06، 9 أكتوبر 2021
تعيد دالة رد النداء onViewableItemsChanged الكائن ViewToken كأحد الخصائص كما في المكوّن FlatList، ويصدِّر ViewabilityHelper.js هذا الكائن.
يستخدم هذا الكائن:
مثال
{
item: { key: "key-12" },
key: "key-12",
index: 11,
isViewable: true
}
مفاتيح وقيم
index
معرّف عددي فريد مُسنَد لعنصر البيانات.
| النوع | اختياري |
|---|---|
| عدد number | نعم |
isViewable
يحدّد ما إذا كان جزء من عنصر القائمة على الأقل مرئيًا في إطار العرض viewport.
| النوع | اختياري |
|---|---|
| قيمة منطقية boolean | لا |
item
بيانات العنصر.
| النوع | اختياري |
|---|---|
| any أي نوع مهما كان | لا |
key
معرّف المفتاح المُسنَد لعنصر البيانات المستخرَج إلى المستوى الأعلى.
| النوع | اختياري |
|---|---|
| سلسلة نصية string | لا |
section
بيانات قسم العنصر عند استخدامها مع SectionList.
| النوع | اختياري |
|---|---|
| any أي نوع مهما كان | نعم |