DevCoach 166: Flutter | Navigasi Masa Depan dengan GoRouter

Transcript

1. Navigasi Masa Depan dengan GoRouter Achmad Ilham Imanuddin Curriculum Developer Multi-platform Flutter
2. Pokok Pembahasan • Flashback Navigator 2.0 • Mengenal Sang Navigator: GoRouter • Menilik Keunggulan GoRouter • Berpetualang dengan GoRouter Multi-platform Flutter
3. ~ Flashback ~
4. Navigator 2.0 Konsep navigasi bergaya deklaratif yang memungkinkan untuk mengelola seluruh halaman aplikasi secara fleksibel.
5. Mengapa Navigator 2.0? • Declarative Paradigm
6. Mengapa Navigator 2.0? • Declarative Paradigm • Navigation Stack
7. Mengapa Navigator 2.0? • Declarative Paradigm • Navigation Stack • Web Support
8. Mengapa Navigator 2.0? • Declarative Paradigm • Navigation Stack • Web Support • Nested Navigation
9. Komponen Navigator 2.0 Flutter menyediakan API bernama Page API dan Router API. Router API Page API
11. Eksplorasi Team Flutter Flutter Routing API Usability Research
12. GoRouter Navigator 2.0 dengan
14. GoRouter Package Package declarative routing yang menggunakan Router API untuk menyediakan URL based API dan mudah digunakan dalam menavigasikan berbagai halaman. Kita dapat menentukan pola URL, menavigasi menggunakan URL, menangani deep linking, dan sejumlah skenario terkait navigasi lainnya.
15. GoRouter Feature • Parsing path and query parameters using a template syntax • Displaying multiple screens for a destination (sub-routes) • Redirection support • Support for multiple Navigators • Support for both Material and Cupertino apps • Backwards-compatibility with Navigator API
16. GoRouter Initialization
17. GoRouter Navigation via GoRouter
18. GoRouter Navigation via context
19. GoRouter Configure a screen with path and query parameter
20. GoRouter Activate an imperative navigation behaviour
21. GoRouter Replace a default error screen.
22. GoRouter URL strategy to remove a “/#/ˮ (hash fragment).
24. Feedback! Hadiah: • 1 Token Langganan Academy 30 Hari)* *untuk pengisi feedback terpilih! dicoding.id/devcoachfeedback
27. Thank You Data Science