# การนำทางและ Routing (Flutter)

> Navigator 1.0/2.0, routes, MaterialPageRoute, Router API, go_router, deep linking, named routes

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

## 1. ควรใช้เมธอดใดในการนำทางไปยังหน้าจอใหม่ด้วย Navigator 1.0?

**คำตอบ**

Navigator.push() เพิ่ม route ใหม่ลงใน navigation stack ทำให้สามารถนำทางไปยังหน้าจอใหม่ได้ในขณะที่ยังคงหน้าจอก่อนหน้าไว้ใน stack เมธอดนี้รับ context และ Route (โดยทั่วไปคือ MaterialPageRoute) เป็นพารามิเตอร์ push จะวาง route ใหม่ซ้อนไว้ ส่วน pop จะนำออกจาก stack

## 2. Navigator.pop() คืนค่าอะไรเมื่อต้องการส่งข้อมูลกลับไปยังหน้าจอก่อนหน้า?

**คำตอบ**

Navigator.pop() สามารถรับอาร์กิวเมนต์ที่เป็นทางเลือก ซึ่งจะถูกส่งกลับไปยังหน้าจอก่อนหน้าผ่าน Future ที่ Navigator.push() คืนค่ามา ทำให้สามารถส่งผลลัพธ์ (การยืนยัน การเลือก ข้อมูลที่แก้ไข) กลับไปยังหน้าจอที่เริ่มการนำทางได้ ใช้ await กับ push() เพื่อรับผลลัพธ์นี้

## 3. MaterialPageRoute มีบทบาทอย่างไรในการนำทางของ Flutter?

**คำตอบ**

MaterialPageRoute เป็น route ที่ใช้ transition แบบ Material Design (เลื่อนจากขวาบน iOS, fade บน Android) โดยรับ builder ที่คืนค่า widget ปลายทาง มันจัดการ animation ของการเปลี่ยนหน้าโดยอัตโนมัติและเป็นไปตามแบบแผนของแพลตฟอร์มเพื่อประสบการณ์ผู้ใช้ที่เป็น native

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

- จะกำหนด named route ในแอปพลิเคชัน Flutter ได้อย่างไร?
- ความแตกต่างระหว่าง Navigator.pushReplacement() และ Navigator.push() คืออะไร?

สมัครฟรี: 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
- [Layouts & Constraints](https://sharpskill.dev/th/technologies/flutter/interview-questions/layouts-constraints.md): 24 คำถาม, Mid-Level
- [ListView & GridView](https://sharpskill.dev/th/technologies/flutter/interview-questions/listview-gridview.md): 25 คำถาม, 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/navigation-routing