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