الفرق بين المراجعتين لصفحة: «ReactNative/pressevent»
لا ملخص تعديل |
جميل-بيلوني (نقاش | مساهمات) طلا ملخص تعديل |
||
(3 مراجعات متوسطة بواسطة مستخدمين اثنين آخرين غير معروضة) | |||
سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE:نوع الكائن PressEvent في React Native}}</noinclude> | |||
تعيد دالة رد النداء callback الكائن <code>PressEvent</code> كنتيجة لتفاعل ضغطات المستخدم مثل <code>onPress</code> في المكون [[ReactNative/button|Button]]. | تعيد دالة رد النداء callback الكائن <code>PressEvent</code> كنتيجة لتفاعل ضغطات المستخدم مثل <code>onPress</code> في المكون [[ReactNative/button|Button]]. | ||
يستخدم هذا الكائن: | |||
*<code>[[ReactNative/button|Button]]</code> | |||
*<code>[[ReactNative/panresponder|PanResponder]]</code> | |||
*<code>[[ReactNative/pressable|Pressable]]</code> | |||
*<code>[[ReactNative/scrollview|ScrollView]]</code> | |||
*<code>[[ReactNative/text|Text]]</code> | |||
*<code>[[ReactNative/textinput|TextInput]]</code> | |||
*<code>[[ReactNative/touchablehighlight|TouchableHighlight]]</code> | |||
*<code>[[ReactNative/touchableopacity|TouchableOpacity]]</code> | |||
*<code>[[ReactNative/touchablenativefeedback|TouchableNativeFeedback]]</code> | |||
*<code>[[ReactNative/touchablewithoutfeedback|TouchableWithoutFeedback]]</code> | |||
*<code>[[ReactNative/view|View]]</code> | |||
== مثال == | |||
<syntaxhighlight lang="javascript"> | <syntaxhighlight lang="javascript"> | ||
{ | { | ||
سطر 17: | سطر 30: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== المفاتيح والقيم == | |||
===<code>changedTouches</code>=== | |||
مصفوفة من جميع | مصفوفة من جميع الأحداث PressEvents التي تغيرت منذ الحدث الأخير. | ||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 29: | سطر 42: | ||
|} | |} | ||
===<code>force</code>=== | |||
مقدار القوة المستخدمة أثناء الضغط | مقدار القوة المستخدمة أثناء الضغط بلمسة ثلاثية الأبعاد 3D Touch، وتعيد قيمة عشرية ضمن المجال من <code>0.0</code> إلى <code>1.0</code>. | ||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
!اختياري | !اختياري | ||
!المنصة | |||
|- | |- | ||
|عدد number | |عدد number | ||
|نعم | |نعم | ||
|iOS | |||
|} | |} | ||
===<code>identifier</code>=== | |||
معرّف عددي فريد يُسنَد للحدث. | معرّف عددي فريد يُسنَد للحدث. | ||
{| class="wikitable" | {| class="wikitable" | ||
سطر 49: | سطر 64: | ||
|} | |} | ||
===<code>locationX</code>=== | |||
إحداثي لمسة الأصل X داخل المنطقة الملموسة (بالنسبة للعنصر). | |||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 59: | سطر 74: | ||
|} | |} | ||
===<code>locationY</code>=== | |||
إحداثي لمسة الأصل Y داخل المنطقة الملموسة (بالنسبة للعنصر). | |||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 69: | سطر 84: | ||
|} | |} | ||
===<code>pageX</code>=== | |||
إحداثي لمسة الأصل X على الشاشة (بالنسبة للعرض الجذر root view). | |||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 79: | سطر 94: | ||
|} | |} | ||
===<code>pageY</code>=== | |||
إحداثي لمسة الأصل Y على الشاشة (بالنسبة للعرض الجذر). | |||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 89: | سطر 104: | ||
|} | |} | ||
===<code>target</code>=== | |||
معرّف | معرّف عقدة العنصر الذي يتلقّى الحدث PressEvent. | ||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 99: | سطر 114: | ||
|} | |} | ||
===<code>timestamp</code>=== | |||
قيمة العلامة الزمنية عند حدوث الحدث PressEvent ممثَّلة بالميلي ثانية. | قيمة العلامة الزمنية Timestamp عند حدوث الحدث PressEvent ممثَّلة بالميلي ثانية. | ||
{| class="wikitable" | {| class="wikitable" | ||
!النوع | !النوع | ||
سطر 109: | سطر 124: | ||
|} | |} | ||
===<code>touches</code>=== | |||
مصفوفة من جميع أحداث PressEvents الحالية على الشاشة. | مصفوفة من جميع أحداث PressEvents الحالية على الشاشة. | ||
{| class="wikitable" | {| class="wikitable" | ||
سطر 118: | سطر 133: | ||
|لا | |لا | ||
|} | |} | ||
== مصادر == | == مصادر == | ||
* [https://reactnative.dev/docs/pressevent صفحة PressEvent Object Type في توثيق React Native الرسمي.] | * [https://reactnative.dev/docs/pressevent صفحة PressEvent Object Type في توثيق React Native الرسمي.] | ||
[[تصنيف:ReactNative]] | |||
[[تصنيف:React Native Component]] |
المراجعة الحالية بتاريخ 14:05، 9 أكتوبر 2021
تعيد دالة رد النداء callback الكائن PressEvent
كنتيجة لتفاعل ضغطات المستخدم مثل onPress
في المكون Button.
يستخدم هذا الكائن:
Button
PanResponder
Pressable
ScrollView
Text
TextInput
TouchableHighlight
TouchableOpacity
TouchableNativeFeedback
TouchableWithoutFeedback
View
مثال
{
changedTouches: [PressEvent],
identifier: 1,
locationX: 8,
locationY: 4.5,
pageX: 24,
pageY: 49.5,
target: 1127,
timestamp: 85131876.58868201,
touches: []
}
المفاتيح والقيم
changedTouches
مصفوفة من جميع الأحداث PressEvents التي تغيرت منذ الحدث الأخير.
النوع | اختياري |
---|---|
مصفوفة من الأحداث PressEvents | لا |
force
مقدار القوة المستخدمة أثناء الضغط بلمسة ثلاثية الأبعاد 3D Touch، وتعيد قيمة عشرية ضمن المجال من 0.0
إلى 1.0
.
النوع | اختياري | المنصة |
---|---|---|
عدد number | نعم | iOS |
identifier
معرّف عددي فريد يُسنَد للحدث.
النوع | اختياري |
---|---|
عدد number | لا |
locationX
إحداثي لمسة الأصل X داخل المنطقة الملموسة (بالنسبة للعنصر).
النوع | اختياري |
---|---|
عدد number | لا |
locationY
إحداثي لمسة الأصل Y داخل المنطقة الملموسة (بالنسبة للعنصر).
النوع | اختياري |
---|---|
عدد number | لا |
pageX
إحداثي لمسة الأصل X على الشاشة (بالنسبة للعرض الجذر root view).
النوع | اختياري |
---|---|
عدد number | لا |
pageY
إحداثي لمسة الأصل Y على الشاشة (بالنسبة للعرض الجذر).
النوع | اختياري |
---|---|
عدد number | لا |
target
معرّف عقدة العنصر الذي يتلقّى الحدث PressEvent.
النوع | اختياري |
---|---|
number, null , undefined
|
لا |
timestamp
قيمة العلامة الزمنية Timestamp عند حدوث الحدث PressEvent ممثَّلة بالميلي ثانية.
النوع | اختياري |
---|---|
عدد number | لا |
touches
مصفوفة من جميع أحداث PressEvents الحالية على الشاشة.
النوع | اختياري |
---|---|
مصفوفة من الأحداث PressEvents | لا |