Styling & Layout React Native
Flexbox, absolute positioning, desain responsif, safe area, gaya khusus platform
1Apa arah default flexDirection di React Native?
Apa arah default flexDirection di React Native?
Jawaban
Di React Native, flexDirection secara default bernilai 'column', berbeda dengan web yang defaultnya 'row'. Ini berarti elemen anak disusun secara vertikal dari atas ke bawah secara default. Perbedaan ini mencerminkan konvensi umum antarmuka mobile, di mana layout vertikal lebih umum.
2Bagaimana cara membuat style yang dapat digunakan kembali di React Native?
Bagaimana cara membuat style yang dapat digunakan kembali di React Native?
Jawaban
StyleSheet.create() adalah metode yang direkomendasikan untuk membuat style di React Native. Metode ini memungkinkan pendefinisian objek style yang dapat digunakan kembali di beberapa komponen. Pendekatan ini mengoptimalkan kinerja dengan memvalidasi style sekali saja saat startup dan mereferensikannya berdasarkan ID alih-alih membuat ulang objek pada setiap render.
3Properti apa yang digunakan untuk memusatkan elemen secara horizontal DAN vertikal di dalam kontainernya?
Properti apa yang digunakan untuk memusatkan elemen secara horizontal DAN vertikal di dalam kontainernya?
Jawaban
Untuk memusatkan elemen pada kedua sumbu, gabungkan justifyContent: 'center' (sumbu utama) dan alignItems: 'center' (sumbu silang). Dengan flexDirection default ('column'), justifyContent memusatkan secara vertikal dan alignItems memusatkan secara horizontal. Kedua properti ini bekerja sama untuk mencapai pemusatan yang sempurna.
Apa satuan ukuran yang digunakan secara default di React Native untuk dimensi?
Properti apa yang memungkinkan penempatan elemen secara absolut relatif terhadap induknya?
+15 pertanyaan wawancara
Topik wawancara React Native lainnya
Dasar-Dasar JavaScript
Dasar-Dasar React
Dasar-Dasar React Native
React Hooks
TypeScript untuk React & React Native
Komponen & API React Native
Navigasi React Native
Manajemen State React Native
Networking & API React Native
Persistensi Data
Formulir & Validasi
Animasi React Native
Native Modules & Bridge
Kode Spesifik Platform
Izin & API Perangkat
Push Notifications
Testing React Native
Debugging React Native
Build & Deployment
Expo vs React Native Bare
Optimasi Performa
Manajemen Memori
Architecture Patterns
New Architecture React Native
Praktik Terbaik Keamanan
Offline-First Architecture
CI/CD React Native
Monorepo & Berbagi Kode
Topik Lanjutan
Siklus Hidup Aplikasi & Eksekusi Background
Autentikasi & Manajemen Sesi
Monitoring & Crash Reporting
Kuasai React Native untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis