الفرق بين المراجعتين لصفحة: «ReactNative/layoutevent»
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
| (1 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:نوع الكائن LayoutEvent في React Native}}</noinclude> | |||
تعيد دالة رد النداء callback الكائن <code>LayoutEvent</code> كنتيجة لتغيير تخطيط المكون مثل <code>onLayout</code> في المكوّن [[ReactNative/view|View]]. | تعيد دالة رد النداء 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 داخل المكوّن الأب. | إحداثي المكون X داخل المكوّن الأب. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 47: | سطر 57: | ||
|} | |} | ||
===<code>y</code>=== | |||
إحداثي المكون Y داخل المكوّن الأب. | إحداثي المكون Y داخل المكوّن الأب. | ||
{| class="wikitable" | {| class="wikitable" | ||
| سطر 57: | سطر 67: | ||
|} | |} | ||
===<code>target</code>=== | |||
معرّف عقدة العنصر الذي يتلقّى حدث الضغط PressEvent. | معرّف عقدة العنصر الذي يتلقّى حدث الضغط 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
|
لا |