Question 1

ค่าเริ่มต้นของ flexDirection ใน React Native คืออะไร?

Accepted Answer

ใน React Native ค่าเริ่มต้นของ flexDirection คือ 'column' ซึ่งต่างจากบนเว็บที่ค่าเริ่มต้นเป็น 'row' หมายความว่าองค์ประกอบลูกจะถูกจัดเรียงในแนวตั้งจากบนลงล่างโดยค่าเริ่มต้น ความแตกต่างนี้สะท้อนถึงแบบแผนทั่วไปของอินเทอร์เฟซมือถือ ซึ่งเลย์เอาต์แนวตั้งพบได้บ่อยกว่า

Question 2

จะสร้างสไตล์ที่นำกลับมาใช้ใหม่ได้ใน React Native อย่างไร?

Accepted Answer

StyleSheet.create() เป็นวิธีที่แนะนำสำหรับการสร้างสไตล์ใน React Native ช่วยให้กำหนดออบเจ็กต์สไตล์ที่นำกลับมาใช้ใหม่ได้ในหลายคอมโพเนนต์ แนวทางนี้เพิ่มประสิทธิภาพด้วยการตรวจสอบสไตล์เพียงครั้งเดียวตอนเริ่มต้นและอ้างอิงด้วย ID แทนที่จะสร้างออบเจ็กต์ใหม่ทุกครั้งที่เรนเดอร์

Question 3

ใช้พร็อพเพอร์ตี้ใดเพื่อจัดองค์ประกอบให้อยู่กึ่งกลางทั้งแนวนอนและแนวตั้งภายในคอนเทนเนอร์?

Accepted Answer

ในการจัดองค์ประกอบให้อยู่กึ่งกลางทั้งสองแกน ต้องรวม justifyContent: 'center' (แกนหลัก) และ alignItems: 'center' (แกนรอง) ด้วย flexDirection ค่าเริ่มต้น ('column') justifyContent จะจัดกึ่งกลางในแนวตั้งและ alignItems จะจัดกึ่งกลางในแนวนอน ทั้งสองพร็อพเพอร์ตี้นี้ทำงานร่วมกันเพื่อให้ได้การจัดกึ่งกลางที่สมบูรณ์แบบ

การจัดสไตล์และเลย์เอาต์ใน React Native

ค่าเริ่มต้นของ flexDirection ใน React Native คืออะไร?

คำตอบ

จะสร้างสไตล์ที่นำกลับมาใช้ใหม่ได้ใน React Native อย่างไร?

คำตอบ

ใช้พร็อพเพอร์ตี้ใดเพื่อจัดองค์ประกอบให้อยู่กึ่งกลางทั้งแนวนอนและแนวตั้งภายในคอนเทนเนอร์?

คำตอบ

หน่วยวัดที่ใช้เป็นค่าเริ่มต้นใน React Native สำหรับขนาดคืออะไร?

พร็อพเพอร์ตี้ใดที่ช่วยให้สามารถวางตำแหน่งองค์ประกอบแบบสัมบูรณ์เทียบกับพาเรนต์ได้?

หัวข้อสัมภาษณ์ 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 สำหรับการสัมภาษณ์ครั้งถัดไป