# Layouts & Constraints (Flutter)

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

- 24 คำถามสัมภาษณ์
- Mid-Level
- [คำถามสัมภาษณ์: Flutter](https://sharpskill.dev/th/technologies/flutter/interview-questions.md)

## 1. ควรใช้วิดเจ็ตใดในการจัดเรียง children ตามแนวนอนใน Flutter?

**คำตอบ**

Row คือวิดเจ็ตพื้นฐานสำหรับจัดเรียง children ตามแนวนอนตามแกนหลัก (main axis) โดยจะเคารพ constraints ของ parent และกระจายพื้นที่ตามคุณสมบัติ mainAxisAlignment และ crossAxisAlignment สำหรับเลย์เอาต์แนวตั้ง Column คือสิ่งที่เทียบเท่ากัน

## 2. คุณสมบัติใดของ Row หรือ Column ที่ควบคุมการกระจาย children ตามแกนหลัก?

**คำตอบ**

mainAxisAlignment ควบคุมว่า children ถูกจัดวางอย่างไรตามแกนหลัก (แนวนอนสำหรับ Row, แนวตั้งสำหรับ Column) ตัวเลือกได้แก่ start, center, end, spaceBetween, spaceAround และ spaceEvenly ส่วน crossAxisAlignment ควบคุมการจัดวางบนแกนตั้งฉาก

## 3. ความแตกต่างหลักระหว่าง Expanded และ Flexible คืออะไร?

**คำตอบ**

Expanded บังคับให้ child เติมเต็มพื้นที่ที่มีทั้งหมด (fit: FlexFit.tight) ในขณะที่ Flexible อนุญาตให้ child ใช้พื้นที่เท่าที่ต้องการจนถึงค่าสูงสุดที่มี (ค่าเริ่มต้น fit: FlexFit.loose) อันที่จริง Expanded ก็คือ Flexible ที่มี fit: FlexFit.tight

## มีอีก 21 คำถาม

- Stack จัดวาง children โดยค่าเริ่มต้นอย่างไร?
- ควรใช้วิดเจ็ตใดในการจัดวาง child ที่ตำแหน่งเฉพาะภายใน Stack?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ Flutter อื่นๆ

- [พื้นฐาน Dart](https://sharpskill.dev/th/technologies/flutter/interview-questions/dart-basics.md): 25 คำถาม, Junior
- [พื้นฐานภาษา Dart](https://sharpskill.dev/th/technologies/flutter/interview-questions/dart-language-essentials.md): 15 คำถาม, Junior
- [พื้นฐาน Flutter](https://sharpskill.dev/th/technologies/flutter/interview-questions/flutter-fundamentals.md): 18 คำถาม, Junior
- [วงจรชีวิตของ Widget](https://sharpskill.dev/th/technologies/flutter/interview-questions/widget-lifecycle.md): 20 คำถาม, Junior
- [การจัดเก็บข้อมูลในเครื่อง](https://sharpskill.dev/th/technologies/flutter/interview-questions/local-storage.md): 20 คำถาม, Junior
- [วงจรชีวิตของแอปพลิเคชัน](https://sharpskill.dev/th/technologies/flutter/interview-questions/app-lifecycle.md): 20 คำถาม, Junior
- [ListView & GridView](https://sharpskill.dev/th/technologies/flutter/interview-questions/listview-gridview.md): 25 คำถาม, Mid-Level
- [การนำทางและ Routing](https://sharpskill.dev/th/technologies/flutter/interview-questions/navigation-routing.md): 22 คำถาม, Mid-Level
- [การจัดการ State พื้นฐาน](https://sharpskill.dev/th/technologies/flutter/interview-questions/state-management-basics.md): 22 คำถาม, Mid-Level
- [Provider Pattern](https://sharpskill.dev/th/technologies/flutter/interview-questions/provider-pattern.md): 18 คำถาม, Mid-Level
- [Networking & HTTP](https://sharpskill.dev/th/technologies/flutter/interview-questions/networking-http.md): 20 คำถาม, Mid-Level
- [การซีเรียลไลซ์ JSON](https://sharpskill.dev/th/technologies/flutter/interview-questions/json-serialization.md): 20 คำถาม, Mid-Level
- [ฐานข้อมูลในเครื่อง](https://sharpskill.dev/th/technologies/flutter/interview-questions/local-database.md): 22 คำถาม, Mid-Level
- [ฟอร์มและการตรวจสอบความถูกต้อง](https://sharpskill.dev/th/technologies/flutter/interview-questions/forms-validation.md): 20 คำถาม, Mid-Level
- [แอนิเมชัน](https://sharpskill.dev/th/technologies/flutter/interview-questions/animations.md): 20 คำถาม, Mid-Level
- [การผสานรวม Firebase](https://sharpskill.dev/th/technologies/flutter/interview-questions/firebase-integration.md): 18 คำถาม, Mid-Level
- [การทดสอบยูนิต](https://sharpskill.dev/th/technologies/flutter/interview-questions/unit-testing.md): 20 คำถาม, Mid-Level
- [การทดสอบ widget](https://sharpskill.dev/th/technologies/flutter/interview-questions/widget-testing.md): 18 คำถาม, Mid-Level
- [การ Build และ Deploy](https://sharpskill.dev/th/technologies/flutter/interview-questions/build-deployment.md): 16 คำถาม, Mid-Level
- [การจัดการแพ็กเกจ](https://sharpskill.dev/th/technologies/flutter/interview-questions/package-management.md): 16 คำถาม, Mid-Level
- [หน่วยความจำและประสิทธิภาพ](https://sharpskill.dev/th/technologies/flutter/interview-questions/memory-performance.md): 22 คำถาม, Senior
- [Streams & RxDart](https://sharpskill.dev/th/technologies/flutter/interview-questions/streams-rxdart.md): 24 คำถาม, Senior
- [State Management ขั้นสูง](https://sharpskill.dev/th/technologies/flutter/interview-questions/advanced-state-management.md): 26 คำถาม, Senior
- [Flutter Design Patterns](https://sharpskill.dev/th/technologies/flutter/interview-questions/flutter-design-patterns.md): 24 คำถาม, Senior
- [การเพิ่มประสิทธิภาพการทำงาน](https://sharpskill.dev/th/technologies/flutter/interview-questions/performance-optimization.md): 26 คำถาม, Senior
- [Platform Channels](https://sharpskill.dev/th/technologies/flutter/interview-questions/platform-channels.md): 20 คำถาม, Senior
- [Custom Painting](https://sharpskill.dev/th/technologies/flutter/interview-questions/custom-painting.md): 22 คำถาม, Senior
- [สถาปัตยกรรมแอปพลิเคชัน Flutter](https://sharpskill.dev/th/technologies/flutter/interview-questions/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/th/technologies/flutter/interview-questions/layouts-constraints