# Styling e Layout in React Native (React Native)

> Flexbox, posizionamento assoluto, design responsive, safe area, stili specifici per piattaforma

- 18 domande da colloquio
- Junior
- [Domande da colloquio: React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio.md)

## 1. Qual è la direzione predefinita di flexDirection in React Native?

**Risposta**

In React Native, flexDirection ha come valore predefinito 'column', a differenza del web dove è 'row'. Questo significa che gli elementi figli vengono disposti verticalmente dall'alto verso il basso per impostazione predefinita. Questa differenza riflette le convenzioni tipiche delle interfacce mobili, dove i layout verticali sono più comuni.

## 2. Come creare uno stile riutilizzabile in React Native?

**Risposta**

StyleSheet.create() è il metodo consigliato per creare stili in React Native. Permette di definire un oggetto di stili riutilizzabile in più componenti. Questo approccio ottimizza le prestazioni validando gli stili una sola volta all'avvio e referenziandoli tramite ID anziché ricreare gli oggetti a ogni render.

## 3. Quale proprietà usare per centrare un elemento sia orizzontalmente CHE verticalmente all'interno del suo contenitore?

**Risposta**

Per centrare un elemento su entrambi gli assi, occorre combinare justifyContent: 'center' (asse principale) e alignItems: 'center' (asse trasversale). Con il flexDirection predefinito ('column'), justifyContent centra verticalmente e alignItems centra orizzontalmente. Queste due proprietà lavorano insieme per ottenere una centratura perfetta.

## Altre 15 domande disponibili

- Qual è l'unità di misura utilizzata per impostazione predefinita in React Native per le dimensioni?
- Quale proprietà permette di posizionare un elemento in modo assoluto rispetto al suo genitore?

Registrati gratis: https://sharpskill.dev/it/login

## Altri argomenti di colloquio React Native

- [Fondamenti di JavaScript](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/javascript-essentials.md): 25 domande, Junior
- [Fondamenti di React](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/react-fundamentals.md): 20 domande, Junior
- [Fondamenti di React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/react-native-basics.md): 22 domande, Junior
- [React Hooks](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/react-hooks.md): 20 domande, Junior
- [TypeScript per React e React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/typescript-for-react-native.md): 22 domande, Junior
- [Componenti e API di React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-components-api.md): 20 domande, Junior
- [Navigazione in React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-navigation.md): 22 domande, Mid-Level
- [Gestione dello Stato in React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-state-management.md): 24 domande, Mid-Level
- [Networking e API in React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-networking-api.md): 20 domande, Mid-Level
- [Persistenza dei dati](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-data-persistence.md): 20 domande, Mid-Level
- [Form e validazione](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-forms-validation.md): 18 domande, Mid-Level
- [Animazioni React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-animations.md): 22 domande, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-native-modules.md): 20 domande, Mid-Level
- [Codice specifico per piattaforma](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-platform-specific-code.md): 18 domande, Mid-Level
- [Permessi e API del dispositivo](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-permissions-apis.md): 20 domande, Mid-Level
- [Push Notifications](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-push-notifications.md): 18 domande, Mid-Level
- [Testing in React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-testing.md): 20 domande, Mid-Level
- [Debugging di React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-debugging.md): 18 domande, Mid-Level
- [Build & Deployment](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-build-deployment.md): 20 domande, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/expo-vs-bare-rn.md): 18 domande, Mid-Level
- [Ottimizzazione delle prestazioni](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-performance-optimization.md): 24 domande, Senior
- [Gestione della memoria](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-memory-management.md): 20 domande, Senior
- [Architecture Patterns](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-architecture-patterns.md): 22 domande, Senior
- [New Architecture di React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-new-architecture.md): 24 domande, Senior
- [Best Practice di Sicurezza](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-security-best-practices.md): 20 domande, Senior
- [Offline-First Architecture](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-offline-first.md): 20 domande, Senior
- [CI/CD React Native](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-ci-cd.md): 20 domande, Senior
- [Monorepo e condivisione del codice](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-monorepo-architecture.md): 18 domande, Senior
- [Argomenti avanzati](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-advanced-topics.md): 22 domande, Senior
- [Ciclo di vita dell'app ed esecuzione in background](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-app-lifecycle-background.md): 20 domande, Mid-Level
- [Autenticazione e gestione delle sessioni](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-auth-session-management.md): 22 domande, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-monitoring-crash-reporting.md): 20 domande, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/it/technologies/react-native/domande-colloquio/rn-styling-layout