الضغط
- سيقوم الشخص بإزالة إصبعه ، مما يؤدي إلى الضغط على زر onPressOut متبوعًا بـ onPress.
- إذا ترك الشخص إصبعه لمدة تزيد عن 500 مللي ثانية قبل إزالته ، فسيتم تشغيل onLongPress. (onPressOut سيظل ينطلق عندما يزيلون إصبعهم.)
ما هو hitSlop؟
ضرب سلوب. يحدد هذا إلى أي مدى يمكن أن تبدأ اللمسة بعيدًا عن الزرتتم إضافة هذا إلى الضغط على زر الإيقاف عند الخروج من الزر. لا تمتد منطقة اللمس أبدًا إلى ما بعد حدود العرض الرئيسية ويكون للفهرس Z لمشاهدات الأشقاء الأسبقية دائمًا إذا وصلت اللمسة إلى عرضين متداخلين.
كيف تستخدم TouchableHighlight في React Native؟
رد فعل محلي - تمييز ملموس
- الخطوة 1 - إنشاء ملف. لقد فعلنا هذا بالفعل في فصولنا السابقة. سننشئ src / المكونات / home / TouchableHighlight. …
- الخطوة 2 - المنطق. هذا هو مكون الحاوية. نقوم بتمرير وظيفة buttonPressed كدعم. …
- الخطوة 3 - العرض. هذا المكون هو زرنا.
كيف تستخدم زرًا في الرد؟
أولاً ، علينا استيراد مكون الزر من React Native.
خطوات لإنشاء الأزرار:
- اكتب الكود وقم بتصديره لجعل الزر ووضعه في مكون قابل لإعادة الاستخدام.
- استيراد هذا المكون إلى التطبيق. js.
- ضع هذا الزر في ملفك مثل أي مكون آخر.
- أضف بعض الأنماط في ملف الزر.
كيف تستدعي الدوال onPress في React Native؟
functionName في الدعائم. تصدير الفئة الافتراضية mainScreen يوسع المكون {handleClick==> {// بعض الكود} عرض {عودة ({هذا.
