# Styling & Layout trong React Native (React Native)

> Flexbox, absolute positioning, thiết kế responsive, safe area, style riêng theo nền tảng

- 18 câu hỏi phỏng vấn
- Junior
- [Câu hỏi phỏng vấn: React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van.md)

## 1. 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.

## 2. 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.

## 3. 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.

## Còn 15 câu hỏi nữa

- Đơ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ó?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn React Native khác

- [Kiến thức cơ bản về JavaScript](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/javascript-essentials.md): 25 câu hỏi, Junior
- [Kiến thức cơ bản về React](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-fundamentals.md): 20 câu hỏi, Junior
- [Kiến thức cơ bản về React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-native-basics.md): 22 câu hỏi, Junior
- [React Hooks](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-hooks.md): 20 câu hỏi, Junior
- [TypeScript cho React & React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/typescript-for-react-native.md): 22 câu hỏi, Junior
- [Thành phần & API React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-components-api.md): 20 câu hỏi, Junior
- [Điều hướng React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-navigation.md): 22 câu hỏi, Mid-Level
- [Quản lý State trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-state-management.md): 24 câu hỏi, Mid-Level
- [Networking & API trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-networking-api.md): 20 câu hỏi, Mid-Level
- [Lưu trữ dữ liệu bền vững](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-data-persistence.md): 20 câu hỏi, Mid-Level
- [Form & Validation](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-forms-validation.md): 18 câu hỏi, Mid-Level
- [Animation trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-animations.md): 22 câu hỏi, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-native-modules.md): 20 câu hỏi, Mid-Level
- [Mã đặc thù theo nền tảng](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-platform-specific-code.md): 18 câu hỏi, Mid-Level
- [Quyền & Device API](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-permissions-apis.md): 20 câu hỏi, Mid-Level
- [Push Notifications](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-push-notifications.md): 18 câu hỏi, Mid-Level
- [Testing React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-testing.md): 20 câu hỏi, Mid-Level
- [Debugging React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-debugging.md): 18 câu hỏi, Mid-Level
- [Build & Deployment](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-build-deployment.md): 20 câu hỏi, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/expo-vs-bare-rn.md): 18 câu hỏi, Mid-Level
- [Tối ưu hóa hiệu suất](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-performance-optimization.md): 24 câu hỏi, Senior
- [Quản lý bộ nhớ](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-memory-management.md): 20 câu hỏi, Senior
- [Architecture Patterns](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-architecture-patterns.md): 22 câu hỏi, Senior
- [New Architecture của React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-new-architecture.md): 24 câu hỏi, Senior
- [Các Phương Pháp Bảo Mật Tốt Nhất](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-security-best-practices.md): 20 câu hỏi, Senior
- [Offline-First Architecture](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-offline-first.md): 20 câu hỏi, Senior
- [CI/CD React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-ci-cd.md): 20 câu hỏi, Senior
- [Monorepo & Chia sẻ mã](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-monorepo-architecture.md): 18 câu hỏi, Senior
- [Chủ đề nâng cao](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-advanced-topics.md): 22 câu hỏi, Senior
- [Vòng đời ứng dụng & Thực thi nền](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-app-lifecycle-background.md): 20 câu hỏi, Mid-Level
- [Xác thực & Quản lý phiên](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-auth-session-management.md): 22 câu hỏi, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-monitoring-crash-reporting.md): 20 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-styling-layout