Question 1

What is the default flexDirection in React Native?

Accepted Answer

In React Native, flexDirection defaults to 'column', unlike on the web where it defaults to 'row'. This means child elements are arranged vertically from top to bottom by default. This difference reflects typical mobile interface conventions, where vertical layouts are more common.

Question 2

How to create a reusable style in React Native?

Accepted Answer

StyleSheet.create() is the recommended method for creating styles in React Native. It allows defining a style object that can be reused across multiple components. This approach optimizes performance by validating styles once at startup and referencing them by ID rather than recreating objects on each render.

Question 3

Which property to use to center an element both horizontally AND vertically within its container?

Accepted Answer

To center an element in both axes, combine justifyContent: 'center' (main axis) and alignItems: 'center' (cross axis). With the default flexDirection ('column'), justifyContent centers vertically and alignItems centers horizontally. These two properties work together to achieve perfect centering.

React Native Styling & Layout

What is the default flexDirection in React Native?

Відповідь

How to create a reusable style in React Native?

Відповідь

Which property to use to center an element both horizontally AND vertically within its container?

Відповідь

What is the default unit of measurement used in React Native for dimensions?

Which property allows positioning an element absolutely relative to its parent?

Інші теми співбесід React Native

JavaScript Essentials

React Fundamentals

React Native Basics

React Hooks

TypeScript for React & React Native

React Native Components & API

React Native Navigation

React Native State Management

React Native Networking & API

Data Persistence

Forms & Validation

React Native Animations

Native Modules & Bridge

Platform-Specific Code

Permissions & Device APIs

Push Notifications

React Native Testing

React Native Debugging

Build & Deployment

Expo vs React Native Bare

Performance Optimization

Memory Management

Architecture Patterns

React Native New Architecture

Security Best Practices

Offline-First Architecture

React Native CI/CD

Monorepo & Code Sharing

Advanced Topics

App Lifecycle & Background Execution

Authentication & Session Management

Monitoring & Crash Reporting

Опануй React Native для наступної співбесіди