الفرق بين المراجعتين ل"ReactNative/viewtoken"
اذهب إلى التنقل
اذهب إلى البحث
جميل-بيلوني (نقاش | مساهمات) ط (مراجعة) |
|||
| سطر 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]] | ||
| + | [[تصنيف:ReactNative Component]] | ||
مراجعة 14:08، 6 أكتوبر 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 أي نوع مهما كان | نعم |