สารบัญ:
- กดได้
- hitSlop คืออะไร
- คุณใช้ TouchableHighlight ใน React Native อย่างไร
- คุณใช้ปุ่มตอบโต้อย่างไร
- คุณเรียกใช้ฟังก์ชันบนกดใน React Native อย่างไร
2024 ผู้เขียน: Fiona Howard | [email protected]. แก้ไขล่าสุด: 2024-01-10 06:43
กดได้
- บุคคลนั้นจะเอานิ้วออก ทริกเกอร์ onPressOut ตามด้วย onPress.
- หากบุคคลนั้นปล่อยนิ้วทิ้งไว้นานกว่า 500 มิลลิวินาทีก่อนที่จะเอาออก onLongPress จะทำงาน (onPressOut จะยังคงทำงานเมื่อพวกเขาเอานิ้วออก)
hitSlop คืออะไร
hitSlop. สิ่งนี้กำหนดว่า การสัมผัสของคุณเริ่มห่างจากปุ่มได้ไกลแค่ไหน สิ่งนี้จะถูกเพิ่มใน pressRetentionOffset เมื่อย้ายออกจากปุ่ม พื้นที่สัมผัสจะไม่ขยายเกินขอบเขตการดูระดับบนสุด และดัชนี Z ของมุมมองแบบพี่น้องจะมีความสำคัญเหนือกว่าเสมอหากการแตะกระทบมุมมองที่ทับซ้อนกันสองครั้ง
คุณใช้ TouchableHighlight ใน React Native อย่างไร
React Native - TouchableHighlight
- ขั้นตอนที่ 1 - สร้างไฟล์ เราได้ทำสิ่งนี้ไปแล้วในบทที่แล้วของเรา เราจะสร้าง src/components/home/TouchableHighlight …
- ขั้นตอนที่ 2 - ตรรกะ นี่คือส่วนประกอบคอนเทนเนอร์ เรากำลังส่งฟังก์ชั่น buttonPressed เป็นอุปกรณ์ประกอบฉาก …
- ขั้นตอนที่ 3 - การนำเสนอ ส่วนประกอบนี้คือปุ่มของเรา
คุณใช้ปุ่มตอบโต้อย่างไร
ขั้นแรก เราต้องนำเข้าส่วนประกอบปุ่มจาก React Native
ขั้นตอนในการสร้างปุ่ม:
- เขียนและส่งออกรหัสเพื่อสร้างปุ่มและใส่ไว้ในส่วนประกอบที่ใช้ซ้ำได้
- นำเข้าส่วนประกอบนั้นไปยังแอพ ไฟล์ js.
- ใส่ปุ่มนั้นในไฟล์ของคุณเหมือนกับส่วนประกอบอื่นๆ
- เพิ่มสไตล์ในไฟล์ปุ่ม
คุณเรียกใช้ฟังก์ชันบนกดใน React Native อย่างไร
functionName ในพร็อพ ส่งออกคลาสเริ่มต้น mainScreen ขยายคอมโพเนนต์ { handleClick==> { // บางโค้ด } แสดงผล { return ({ this. handleClick; // การโทรปกติเช่น vanilla javascript แต่ใช้ตัวดำเนินการนี้ }} />)};
