الفرق بين المراجعتين ل"ReactNative/layoutevent"
اذهب إلى التنقل
اذهب إلى البحث
(أنشأ الصفحة ب'== نوع الكائن LayoutEvent == يُعاد كائن <code>LayoutEvent</code> في الاستدعاء نتيجة لتغيير تخطيط المكون مثل <code>o...') |
جميل-بيلوني (نقاش | مساهمات) ط |
||
| (4 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
| سطر 1: | سطر 1: | ||
| − | + | <noinclude>{{DISPLAYTITLE:نوع الكائن LayoutEvent في React Native}}</noinclude> | |
| − | + | تعيد دالة رد النداء callback الكائن <code>LayoutEvent</code> كنتيجة لتغيير تخطيط المكون مثل <code>onLayout</code> في المكوّن [[ReactNative/view|View]]. | |
| − | + | يَستخدم هذا الكائن: | |
| + | |||
| + | *<code>[[ReactNative/image|Image]]</code> | ||
| + | *<code>[[ReactNative/pressable|Pressable]]</code> | ||
| + | *<code>[[ReactNative/scrollview|ScrollView]]</code> | ||
| + | *<code>[[ReactNative/text|Text]]</code> | ||
| + | *<code>[[ReactNative/textinput|TextInput]]</code> | ||
| + | *<code>[[ReactNative/touchablewithoutfeedback|TouchableWithoutFeedback]]</code> | ||
| + | *<code>[[ReactNative/view|View]]</code> | ||
| + | |||
| + | == مثال == | ||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
{ | { | ||
| سطر 15: | سطر 25: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
| − | + | == المفاتيح والقيم == | |
| − | + | ===<code>height</code>=== | |
ارتفاع المكون بعد تغيير المخطط. | ارتفاع المكون بعد تغيير المخطط. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 27: | سطر 37: | ||
|} | |} | ||
| − | + | ===<code>width</code>=== | |
عرض المكوّن بعد تغيير المخطط. | عرض المكوّن بعد تغيير المخطط. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 37: | سطر 47: | ||
|} | |} | ||
| − | + | ===<code>x</code>=== | |
| − | + | إحداثي المكون X داخل المكوّن الأب. | |
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
| سطر 47: | سطر 57: | ||
|} | |} | ||
| − | + | ===<code>y</code>=== | |
| − | + | إحداثي المكون Y داخل المكوّن الأب. | |
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
| سطر 57: | سطر 67: | ||
|} | |} | ||
| − | + | ===<code>target</code>=== | |
| − | معرّف | + | معرّف عقدة العنصر الذي يتلقّى حدث الضغط PressEvent. |
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
| سطر 66: | سطر 76: | ||
|لا | |لا | ||
|} | |} | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
== مصادر == | == مصادر == | ||
* [https://reactnative.dev/docs/layoutevent صفحة LayoutEvent Object Type في توثيق React Native الرسمي.] | * [https://reactnative.dev/docs/layoutevent صفحة LayoutEvent Object Type في توثيق React Native الرسمي.] | ||
| + | [[تصنيف:ReactNative]] | ||
| + | [[تصنيف:React Native Component]] | ||
المراجعة الحالية بتاريخ 14:05، 9 أكتوبر 2021
تعيد دالة رد النداء callback الكائن LayoutEvent كنتيجة لتغيير تخطيط المكون مثل onLayout في المكوّن View.
يَستخدم هذا الكائن:
مثال
{
layout: {
width: 520,
height: 70.5,
x: 0,
y: 42.5
},
target: 1127
}
المفاتيح والقيم
height
ارتفاع المكون بعد تغيير المخطط.
| النوع | اختياري |
|---|---|
| عدد number | لا |
width
عرض المكوّن بعد تغيير المخطط.
| النوع | اختياري |
|---|---|
| عدد number | لا |
x
إحداثي المكون X داخل المكوّن الأب.
| النوع | اختياري |
|---|---|
| عدد number | لا |
y
إحداثي المكون Y داخل المكوّن الأب.
| النوع | اختياري |
|---|---|
| عدد number | لا |
target
معرّف عقدة العنصر الذي يتلقّى حدث الضغط PressEvent.
| النوع | اختياري |
|---|---|
number, null, undefined
|
لا |