การจัดสไตล์และเลย์เอาต์ใน React Native
Flexbox, absolute positioning, การออกแบบแบบ responsive, safe area, สไตล์เฉพาะแพลตฟอร์ม
1ค่าเริ่มต้นของ flexDirection ใน React Native คืออะไร?
ค่าเริ่มต้นของ flexDirection ใน React Native คืออะไร?
คำตอบ
ใน React Native ค่าเริ่มต้นของ flexDirection คือ 'column' ซึ่งต่างจากบนเว็บที่ค่าเริ่มต้นเป็น 'row' หมายความว่าองค์ประกอบลูกจะถูกจัดเรียงในแนวตั้งจากบนลงล่างโดยค่าเริ่มต้น ความแตกต่างนี้สะท้อนถึงแบบแผนทั่วไปของอินเทอร์เฟซมือถือ ซึ่งเลย์เอาต์แนวตั้งพบได้บ่อยกว่า
2จะสร้างสไตล์ที่นำกลับมาใช้ใหม่ได้ใน React Native อย่างไร?
จะสร้างสไตล์ที่นำกลับมาใช้ใหม่ได้ใน React Native อย่างไร?
คำตอบ
StyleSheet.create() เป็นวิธีที่แนะนำสำหรับการสร้างสไตล์ใน React Native ช่วยให้กำหนดออบเจ็กต์สไตล์ที่นำกลับมาใช้ใหม่ได้ในหลายคอมโพเนนต์ แนวทางนี้เพิ่มประสิทธิภาพด้วยการตรวจสอบสไตล์เพียงครั้งเดียวตอนเริ่มต้นและอ้างอิงด้วย ID แทนที่จะสร้างออบเจ็กต์ใหม่ทุกครั้งที่เรนเดอร์
3ใช้พร็อพเพอร์ตี้ใดเพื่อจัดองค์ประกอบให้อยู่กึ่งกลางทั้งแนวนอนและแนวตั้งภายในคอนเทนเนอร์?
ใช้พร็อพเพอร์ตี้ใดเพื่อจัดองค์ประกอบให้อยู่กึ่งกลางทั้งแนวนอนและแนวตั้งภายในคอนเทนเนอร์?
คำตอบ
ในการจัดองค์ประกอบให้อยู่กึ่งกลางทั้งสองแกน ต้องรวม justifyContent: 'center' (แกนหลัก) และ alignItems: 'center' (แกนรอง) ด้วย flexDirection ค่าเริ่มต้น ('column') justifyContent จะจัดกึ่งกลางในแนวตั้งและ alignItems จะจัดกึ่งกลางในแนวนอน ทั้งสองพร็อพเพอร์ตี้นี้ทำงานร่วมกันเพื่อให้ได้การจัดกึ่งกลางที่สมบูรณ์แบบ
หน่วยวัดที่ใช้เป็นค่าเริ่มต้นใน React Native สำหรับขนาดคืออะไร?
พร็อพเพอร์ตี้ใดที่ช่วยให้สามารถวางตำแหน่งองค์ประกอบแบบสัมบูรณ์เทียบกับพาเรนต์ได้?
+15 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ React Native อื่นๆ
พื้นฐาน JavaScript
พื้นฐาน React
พื้นฐาน React Native
React Hooks
TypeScript สำหรับ React และ React Native
คอมโพเนนต์และ API ของ React Native
การนำทางใน React Native
การจัดการ State ใน React Native
Networking และ API ใน React Native
การคงอยู่ของข้อมูล
ฟอร์มและการตรวจสอบความถูกต้อง
แอนิเมชัน 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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี