# Layouts & Constraints (Flutter)

> Row, Column, Stack, Flex, Expanded, Flexible, constraints, BoxConstraints, LayoutBuilder

- 24 питань зі співбесід
- Mid-Level
- [Питання зі співбесід: Flutter](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy.md)

## 1. Який віджет слід використовувати для горизонтального розташування дочірніх елементів у Flutter?

**Відповідь**

Row — це фундаментальний віджет для розташування дочірніх елементів горизонтально вздовж головної осі (main axis). Він дотримується обмежень свого батьківського елемента та розподіляє простір відповідно до властивостей mainAxisAlignment і crossAxisAlignment. Для вертикальних макетів еквівалентом є Column.

## 2. Яка властивість Row або Column контролює розподіл дочірніх елементів уздовж головної осі?

**Відповідь**

mainAxisAlignment контролює, як дочірні елементи розташовані вздовж головної осі (горизонтально для Row, вертикально для Column). Опції включають start, center, end, spaceBetween, spaceAround і spaceEvenly. crossAxisAlignment контролює розташування на перпендикулярній осі.

## 3. Яка основна різниця між Expanded і Flexible?

**Відповідь**

Expanded змушує свій дочірній елемент заповнити весь доступний простір (fit: FlexFit.tight), тоді як Flexible дозволяє дочірньому елементу займати необхідний простір до доступного максимуму (за замовчуванням fit: FlexFit.loose). Expanded насправді є Flexible з fit: FlexFit.tight.

## Ще 21 доступних питань

- Як Stack розташовує свої дочірні елементи за замовчуванням?
- Який віджет слід використовувати для розташування дочірнього елемента в певному місці всередині Stack?

Зареєструйся безкоштовно: https://sharpskill.dev/uk/login

## Інші теми співбесід Flutter

- [Основи Dart](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/dart-basics.md): 25 запитань, Junior
- [Основи мови Dart](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/dart-language-essentials.md): 15 запитань, Junior
- [Основи Flutter](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/flutter-fundamentals.md): 18 запитань, Junior
- [Життєвий цикл віджетів](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/widget-lifecycle.md): 20 запитань, Junior
- [Локальне сховище](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/local-storage.md): 20 запитань, Junior
- [Життєвий цикл застосунку](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/app-lifecycle.md): 20 запитань, Junior
- [ListView & GridView](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/listview-gridview.md): 25 запитань, Mid-Level
- [Навігація та маршрутизація](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/navigation-routing.md): 22 запитань, Mid-Level
- [Базове керування станом](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/state-management-basics.md): 22 запитань, Mid-Level
- [Provider Pattern](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/provider-pattern.md): 18 запитань, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/networking-http.md): 20 запитань, Mid-Level
- [Серіалізація JSON](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/json-serialization.md): 20 запитань, Mid-Level
- [Локальна база даних](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/local-database.md): 22 запитань, Mid-Level
- [Форми та валідація](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/forms-validation.md): 20 запитань, Mid-Level
- [Анімації](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/animations.md): 20 запитань, Mid-Level
- [Інтеграція Firebase](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/firebase-integration.md): 18 запитань, Mid-Level
- [Модульне тестування](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/unit-testing.md): 20 запитань, Mid-Level
- [Тестування віджетів](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/widget-testing.md): 18 запитань, Mid-Level
- [Збірка та розгортання](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/build-deployment.md): 16 запитань, Mid-Level
- [Керування пакетами](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/package-management.md): 16 запитань, Mid-Level
- [Пам'ять та продуктивність](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/memory-performance.md): 22 запитань, Senior
- [Streams & RxDart](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/streams-rxdart.md): 24 запитань, Senior
- [Просунутий State Management](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/advanced-state-management.md): 26 запитань, Senior
- [Flutter Design Patterns](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/flutter-design-patterns.md): 24 запитань, Senior
- [Оптимізація продуктивності](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/performance-optimization.md): 26 запитань, Senior
- [Platform Channels](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/platform-channels.md): 20 запитань, Senior
- [Custom Painting](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/custom-painting.md): 22 запитань, Senior
- [Архітектура застосунків Flutter](https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/flutter-app-architecture.md): 22 запитань, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/uk/technologies/flutter/pytannia-spivbesidy/layouts-constraints