الفرق بين المراجعتين ل"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>[[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. |
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
!اختياري | !اختياري | ||
|- | |- | ||
| − | | | + | |قيمة منطقية boolean |
|لا | |لا | ||
|} | |} | ||
| − | + | ===<code>item</code>=== | |
بيانات العنصر. | بيانات العنصر. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 40: | سطر 45: | ||
!اختياري | !اختياري | ||
|- | |- | ||
| − | |any | + | |any أي نوع مهما كان |
|لا | |لا | ||
|} | |} | ||
| − | + | ===<code>key</code>=== | |
| − | معرّف المفتاح | + | معرّف المفتاح المُسنَد لعنصر البيانات المستخرَج إلى المستوى الأعلى. |
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
| سطر 54: | سطر 59: | ||
|} | |} | ||
| − | + | ===<code>section</code>=== | |
| − | قسم | + | بيانات قسم العنصر عند استخدامها مع <code>SectionList</code>. |
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
!اختياري | !اختياري | ||
|- | |- | ||
| − | |any | + | |any أي نوع مهما كان |
|نعم | |نعم | ||
|} | |} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
== مصادر == | == مصادر == | ||
* [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 أي نوع مهما كان | نعم |