Styling & Layout trong React Native
Flexbox, absolute positioning, thiết kế responsive, safe area, style riêng theo nền tảng
1Hướng mặc định của flexDirection trong React Native là gì?
Hướng mặc định của flexDirection trong React Native là gì?
Câu trả lời
Trong React Native, flexDirection mặc định là 'column', khác với web nơi giá trị mặc định là 'row'. Điều này nghĩa là các phần tử con được sắp xếp theo chiều dọc từ trên xuống dưới theo mặc định. Sự khác biệt này phản ánh các quy ước điển hình của giao diện di động, nơi bố cục theo chiều dọc phổ biến hơn.
2Làm thế nào để tạo một style có thể tái sử dụng trong React Native?
Làm thế nào để tạo một style có thể tái sử dụng trong React Native?
Câu trả lời
StyleSheet.create() là phương pháp được khuyến nghị để tạo style trong React Native. Nó cho phép định nghĩa một đối tượng style có thể tái sử dụng trên nhiều component. Cách tiếp cận này tối ưu hiệu năng bằng cách xác thực style một lần khi khởi động và tham chiếu chúng theo ID thay vì tạo lại đối tượng ở mỗi lần render.
3Dùng thuộc tính nào để căn giữa một phần tử cả theo chiều ngang VÀ chiều dọc trong vùng chứa của nó?
Dùng thuộc tính nào để căn giữa một phần tử cả theo chiều ngang VÀ chiều dọc trong vùng chứa của nó?
Câu trả lời
Để căn giữa một phần tử trên cả hai trục, hãy kết hợp justifyContent: 'center' (trục chính) và alignItems: 'center' (trục phụ). Với flexDirection mặc định ('column'), justifyContent căn giữa theo chiều dọc và alignItems căn giữa theo chiều ngang. Hai thuộc tính này phối hợp với nhau để đạt được sự căn giữa hoàn hảo.
Đơn vị đo lường mặc định được sử dụng trong React Native cho kích thước là gì?
Thuộc tính nào cho phép định vị một phần tử tuyệt đối so với phần tử cha của nó?
+15 câu hỏi phỏng vấn
Các chủ đề phỏng vấn React Native khác
Kiến thức cơ bản về JavaScript
Kiến thức cơ bản về React
Kiến thức cơ bản về React Native
React Hooks
TypeScript cho React & React Native
Thành phần & API React Native
Điều hướng React Native
Quản lý State trong React Native
Networking & API trong React Native
Lưu trữ dữ liệu bền vững
Form & Validation
Animation trong React Native
Native Modules & Bridge
Mã đặc thù theo nền tảng
Quyền & Device API
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Tối ưu hóa hiệu suất
Quản lý bộ nhớ
Architecture Patterns
New Architecture của React Native
Các Phương Pháp Bảo Mật Tốt Nhất
Offline-First Architecture
CI/CD React Native
Monorepo & Chia sẻ mã
Chủ đề nâng cao
Vòng đời ứng dụng & Thực thi nền
Xác thực & Quản lý phiên
Monitoring & Crash Reporting
Nắm vững React Native cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí