Stylowanie i układ w React Native
Flexbox, absolute positioning, responsywny design, safe area, style specyficzne dla platformy
1Jaki jest domyślny kierunek flexDirection w React Native?
Jaki jest domyślny kierunek flexDirection w React Native?
Odpowiedź
W React Native flexDirection ma domyślnie wartość 'column', w przeciwieństwie do sieci, gdzie wynosi 'row'. Oznacza to, że elementy potomne są domyślnie układane pionowo od góry do dołu. Ta różnica odzwierciedla typowe konwencje interfejsów mobilnych, w których układy pionowe są częstsze.
2Jak utworzyć style wielokrotnego użytku w React Native?
Jak utworzyć style wielokrotnego użytku w React Native?
Odpowiedź
StyleSheet.create() to zalecana metoda tworzenia stylów w React Native. Pozwala zdefiniować obiekt stylów, który można wykorzystać ponownie w wielu komponentach. To podejście optymalizuje wydajność, walidując style tylko raz przy starcie i odwołując się do nich poprzez ID zamiast tworzyć obiekty na nowo przy każdym renderowaniu.
3Której właściwości użyć, aby wyśrodkować element zarówno poziomo, JAK i pionowo w jego kontenerze?
Której właściwości użyć, aby wyśrodkować element zarówno poziomo, JAK i pionowo w jego kontenerze?
Odpowiedź
Aby wyśrodkować element w obu osiach, należy połączyć justifyContent: 'center' (oś główna) i alignItems: 'center' (oś poprzeczna). Przy domyślnym flexDirection ('column') justifyContent wyśrodkowuje pionowo, a alignItems poziomo. Te dwie właściwości współpracują, aby uzyskać idealne wyśrodkowanie.
Jaka jednostka miary jest domyślnie używana w React Native dla wymiarów?
Która właściwość pozwala pozycjonować element absolutnie względem jego rodzica?
+15 pytań z rozmów
Inne tematy rekrutacyjne React Native
Podstawy JavaScript
Podstawy React
Podstawy React Native
React Hooks
TypeScript dla React i React Native
Komponenty i API React Native
Nawigacja w React Native
Zarządzanie stanem w React Native
Networking i API w React Native
Trwałość danych
Formularze i walidacja
Animacje React Native
Native Modules & Bridge
Kod specyficzny dla platformy
Uprawnienia i interfejsy API urządzenia
Push Notifications
Testowanie React Native
Debugowanie React Native
Build & Deployment
Expo vs React Native Bare
Optymalizacja wydajności
Zarządzanie pamięcią
Architecture Patterns
New Architecture w React Native
Najlepsze praktyki bezpieczeństwa
Offline-First Architecture
CI/CD React Native
Monorepo i współdzielenie kodu
Zaawansowane tematy
Cykl życia aplikacji i wykonywanie w tle
Uwierzytelnianie i zarządzanie sesją
Monitoring & Crash Reporting
Opanuj React Native na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo