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

المراجعة الحالية بتاريخ 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`	لا

مصادر

صفحة LayoutEvent Object Type في توثيق React Native الرسمي.

@@ سطر 1: / سطر 1: @@
-== نوع الكائن LayoutEvent ==
+<noinclude>{{DISPLAYTITLE:نوع الكائن LayoutEvent في React Native}}</noinclude>
-يُعاد كائن <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">
 {
@@ سطر 15: / سطر 25: @@
 </syntaxhighlight>
-=== المفاتيح والقيم ===
+== المفاتيح والقيم ==
-==== <code>height</code> ====
+===<code>height</code>===
 ارتفاع المكون بعد تغيير المخطط.
 {| class="wikitable"
@@ سطر 27: / سطر 37: @@
 |}
-==== <code>width</code> ====
+===<code>width</code>===
 عرض المكوّن بعد تغيير المخطط.
 {| class="wikitable"
@@ سطر 37: / سطر 47: @@
 |}
-==== <code>x</code> ====
+===<code>x</code>===
-تنسيق المكون X داخل المكون الأب.
+إحداثي المكون X داخل المكوّن الأب.
 {| class="wikitable"
 !النوع
@@ سطر 47: / سطر 57: @@
 |}
-==== <code>y</code> ====
+===<code>y</code>===
-تنسيق المكون Y داخل المكون الأب.
+إحداثي المكون Y داخل المكوّن الأب.
 {| class="wikitable"
 !النوع
@@ سطر 57: / سطر 67: @@
 |}
-==== <code>target</code> ====
+===<code>target</code>===
-معرّف العقدة للعنصر الذي يتلقى حدث الضغط PressEvent.
+معرّف عقدة العنصر الذي يتلقّى حدث الضغط PressEvent.
 {| class="wikitable"
 !النوع
@@ سطر 66: / سطر 76: @@
 |لا
 |}
-=== يُستخدَم هذا الكائن بواسطة ===
-* <code>[[ReactNative/image|Image]]</code>
-* <code>[[ReactNative/pressable|Pressable]]</code>
-* <code>[[ReactNative/scrollview|ScrollView]]</code>
-* <code>[[ReactNative/text|Text]]</code>
-* <code>[[TextInput]]</code>
-* <code>[[ReactNative/touchablewithoutfeedback|TouchableWithoutFeedback]]</code>
-* <code>[[ReactNative/view|View]]</code>
 == مصادر ==
 * [https://reactnative.dev/docs/layoutevent صفحة LayoutEvent Object Type في توثيق React Native الرسمي.]
+[[تصنيف:ReactNative]]
+[[تصنيف:React Native Component]]