الفرق بين المراجعتين لصفحة: «ReactNative/viewtoken»

من موسوعة حسوب
لا ملخص تعديل
طلا ملخص تعديل
 
(مراجعتان متوسطتان بواسطة مستخدمين اثنين آخرين غير معروضتين)
سطر 1: سطر 1:
== نوع الكائن ViewToken ==
<noinclude>{{DISPLAYTITLE:نوع الكائن ViewToken في React Native}}</noinclude>
يُعاد الكائن <code>ViewToken</code> كأحد الخصائص في استدعاء <code>onViewableItemsChanged</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> ====
===<code>index</code>===
معرّف رقمي فريد مُسنَد لعنصر البيانات.
معرّف عددي فريد مُسنَد لعنصر البيانات.
{| class="wikitable"
{| class="wikitable"
!النوع
!النوع
سطر 24: سطر 29:
|}
|}


==== <code>isViewable</code> ====
===<code>isViewable</code>===
يحدّد ما إذا كان جزء من عنصر القائمة على الأقل مرئيًا في إطار العرض.
يحدّد ما إذا كان جزء من عنصر القائمة على الأقل مرئيًا في إطار العرض viewport.
{| class="wikitable"
{| class="wikitable"
!النوع
!النوع
!اختياري
!اختياري
|-
|-
|بولياني boolean
|قيمة منطقية boolean
|لا
|لا
|}
|}


==== <code>item</code> ====
===<code>item</code>===
بيانات العنصر.
بيانات العنصر.
{| class="wikitable"
{| class="wikitable"
سطر 40: سطر 45:
!اختياري
!اختياري
|-
|-
|any
|any أي نوع مهما كان
|لا
|لا
|}
|}


==== <code>key</code> ====
===<code>key</code>===
معرّف المفتاح المخصَّص لعنصر البيانات المستخرَج إلى المستوى الأعلى.
معرّف المفتاح المُسنَد لعنصر البيانات المستخرَج إلى المستوى الأعلى.
{| class="wikitable"
{| class="wikitable"
!النوع
!النوع
سطر 54: سطر 59:
|}
|}


==== <code>section</code> ====
===<code>section</code>===
قسم بيانات العنصر عند استخدامها مع <code>SectionList</code>.
بيانات قسم العنصر عند استخدامها مع <code>SectionList</code>.
{| class="wikitable"
{| class="wikitable"
!النوع
!النوع
!اختياري
!اختياري
|-
|-
|any
|any أي نوع مهما كان
|نعم
|نعم
|}
|}
=== يُستخدَم هذا الكائن بواسطة ===
* <code>[[ReactNative/flatlist|FlatList]]</code>
* <code>[[ReactNative/sectionlist|SectionList]]</code>
* <code>[[ReactNative/virtualizedlist|VirtualizedList]]</code>


== مصادر ==
== مصادر ==


* [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 أي نوع مهما كان نعم

مصادر