Styling e Layout in React Native
Flexbox, posizionamento assoluto, design responsive, safe area, stili specifici per piattaforma
1Qual è la direzione predefinita di flexDirection in React Native?
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.
2Come creare uno stile riutilizzabile in React Native?
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.
3Quale proprietà usare per centrare un elemento sia orizzontalmente CHE verticalmente all'interno del suo contenitore?
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.
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?
+15 domande da colloquio
Altri argomenti di colloquio React Native
Fondamenti di JavaScript
Fondamenti di React
Fondamenti di React Native
React Hooks
TypeScript per React e React Native
Componenti e API di React Native
Navigazione in React Native
Gestione dello Stato in React Native
Networking e API in React Native
Persistenza dei dati
Form e validazione
Animazioni React Native
Native Modules & Bridge
Codice specifico per piattaforma
Permessi e API del dispositivo
Push Notifications
Testing in React Native
Debugging di React Native
Build & Deployment
Expo vs React Native Bare
Ottimizzazione delle prestazioni
Gestione della memoria
Architecture Patterns
New Architecture di React Native
Best Practice di Sicurezza
Offline-First Architecture
CI/CD React Native
Monorepo e condivisione del codice
Argomenti avanzati
Ciclo di vita dell'app ed esecuzione in background
Autenticazione e gestione delle sessioni
Monitoring & Crash Reporting
Padroneggia React Native per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis