Стилізація та макет у React Native
Flexbox, абсолютне позиціонування, адаптивний дизайн, safe area, стилі для конкретних платформ
1Який напрямок flexDirection за замовчуванням у React Native?
Який напрямок flexDirection за замовчуванням у React Native?
Відповідь
У React Native flexDirection за замовчуванням має значення 'column', на відміну від вебу, де воно 'row'. Це означає, що дочірні елементи за замовчуванням розташовуються вертикально зверху вниз. Ця відмінність відображає типові конвенції мобільних інтерфейсів, де вертикальні макети є поширенішими.
2Як створити багаторазовий стиль у React Native?
Як створити багаторазовий стиль у React Native?
Відповідь
StyleSheet.create() — це рекомендований спосіб створення стилів у React Native. Він дозволяє визначити об'єкт стилів, який можна повторно використовувати в кількох компонентах. Цей підхід оптимізує продуктивність, перевіряючи стилі лише раз під час запуску та посилаючись на них за ID замість повторного створення об'єктів під час кожного рендерингу.
3Яку властивість використати, щоб відцентрувати елемент горизонтально ТА вертикально всередині його контейнера?
Яку властивість використати, щоб відцентрувати елемент горизонтально ТА вертикально всередині його контейнера?
Відповідь
Щоб відцентрувати елемент по обох осях, потрібно поєднати justifyContent: 'center' (головна вісь) та alignItems: 'center' (поперечна вісь). За замовчуванням flexDirection ('column') justifyContent центрує вертикально, а alignItems — горизонтально. Ці дві властивості працюють разом для досягнення ідеального центрування.
Яка одиниця вимірювання використовується за замовчуванням у React Native для розмірів?
Яка властивість дозволяє позиціонувати елемент абсолютно відносно його батьківського елемента?
+15 питань зі співбесід
Інші теми співбесід React Native
Основи JavaScript
Основи React
Основи React Native
React Hooks
TypeScript для React та React Native
Компоненти та API React Native
Навігація в React Native
Управління станом у React Native
Networking та API в React Native
Збереження даних
Форми та валідація
Анімації React Native
Native Modules & Bridge
Код, специфічний для платформи
Дозволи та API пристрою
Push Notifications
Тестування React Native
Налагодження React Native
Build & Deployment
Expo vs React Native Bare
Оптимізація продуктивності
Управління пам'яттю
Architecture Patterns
React Native New Architecture
Найкращі практики безпеки
Offline-First Architecture
CI/CD React Native
Monorepo та спільне використання коду
Складні теми
Життєвий цикл застосунку та фонове виконання
Автентифікація та керування сесіями
Monitoring & Crash Reporting
Опануй React Native для наступної співбесіди
Отримай доступ до всіх питань, flashcards, технічних тестів, вправ code review та симуляторів співбесід.
Почни безкоштовно