แอนิเมชัน React Native
Animated API, Reanimated 2/3, Gesture Handler, layout animation, ประสิทธิภาพ
1ควรใช้อ็อบเจกต์ใดในการสร้างค่าที่สามารถแอนิเมตได้ด้วย Animated API ของ React Native?
ควรใช้อ็อบเจกต์ใดในการสร้างค่าที่สามารถแอนิเมตได้ด้วย Animated API ของ React Native?
คำตอบ
Animated.Value คืออ็อบเจกต์พื้นฐานสำหรับสร้างค่าที่แอนิเมตได้ใน React Native โดยห่อหุ้มค่าตัวเลขที่สามารถเปลี่ยนแปลงได้อย่างนุ่มนวลตามเวลา ค่านี้สามารถผูกเข้ากับพร็อพเพอร์ตี style เช่น opacity, transform หรือ width เพื่อสร้างแอนิเมชันที่มองเห็นได้
2เมธอดแอนิเมชันใดที่ช่วยสร้างทรานซิชันที่นุ่มนวลด้วย duration และ easing ที่กำหนดค่าได้?
เมธอดแอนิเมชันใดที่ช่วยสร้างทรานซิชันที่นุ่มนวลด้วย duration และ easing ที่กำหนดค่าได้?
คำตอบ
Animated.timing เป็นเมธอดที่ใช้บ่อยที่สุดในการสร้างแอนิเมชันแบบอิงเวลา ช่วยให้กำหนด duration ฟังก์ชัน easing (เร่ง/ชะลอ) และ delay (ไม่บังคับ) ได้ เมธอดนี้ให้การควบคุมความคืบหน้าของแอนิเมชันได้อย่างแม่นยำตั้งแต่ต้นจนจบ
3เมธอดใดที่ช่วยให้รันแอนิเมชันหลายตัวพร้อมกันด้วย Animated API?
เมธอดใดที่ช่วยให้รันแอนิเมชันหลายตัวพร้อมกันด้วย Animated API?
คำตอบ
Animated.parallel รันอาเรย์ของแอนิเมชันแบบขนานโดยเริ่มทั้งหมดพร้อมกัน เมธอดนี้เหมาะอย่างยิ่งสำหรับการซิงค์พร็อพเพอร์ตีแอนิเมชันหลายตัว เช่น เลื่อนและทำให้องค์ประกอบค่อยๆ ปรากฏพร้อมกัน โดยค่าเริ่มต้นจะหยุดหากมีแอนิเมชันใดล้มเหลว ซึ่งเป็นพฤติกรรมที่ปรับได้ผ่าน stopTogether
เมธอดใดที่ช่วยร้อยเรียงแอนิเมชันต่อเนื่องกันตามลำดับ?
เมธอดแอนิเมชันใดที่สร้างเอฟเฟกต์เด้งตามหลักฟิสิกส์ที่สมจริงโดยไม่มี duration คงที่?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React Native อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
พื้นฐาน React Native
React Hooks
TypeScript สำหรับ React และ React Native
คอมโพเนนต์และ API ของ React Native
การจัดสไตล์และเลย์เอาต์ใน React Native
การนำทางใน React Native
การจัดการ State ใน React Native
Networking และ API ใน React Native
การคงอยู่ของข้อมูล
ฟอร์มและการตรวจสอบความถูกต้อง
Native Modules & Bridge
โค้ดเฉพาะแพลตฟอร์ม
สิทธิ์และ Device API
Push Notifications
การทดสอบ React Native
การ Debug React Native
Build & Deployment
Expo vs React Native Bare
การเพิ่มประสิทธิภาพ
การจัดการหน่วยความจำ
Architecture Patterns
React Native New Architecture
แนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัย
Offline-First Architecture
CI/CD React Native
Monorepo และการแชร์โค้ด
หัวข้อขั้นสูง
วงจรชีวิตแอปและการทำงานเบื้องหลัง
การยืนยันตัวตนและการจัดการเซสชัน
Monitoring & Crash Reporting
เชี่ยวชาญ React Native สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี