GoRouter Tutorial Part 1 - Implementing GoRouter for Navigation in Flutter

Veröffentlicht am: 20 Oktober 2024
auf dem Kanal: Mehmet Artun

283

GoRouter Navigation in Flutter

Github repo for Part1 - https://github.com/mehmetartun/gorout...

Chapters
00:00 Introduction and Comparison to Navigator
02:52 Simple App Setup with Navigator
04:22 Simple App Setup with GoRouter
05:45 GoRouter object and its structure
07:37 Code-along create a blank flutter app
10:41 Build new class for housing named routes RouteName (route_name.dart)
12:10 Build the GoRouter for the app (router.dart)
17:16 Implement MaterialApp.router
18:57 Compile iOS and review
19:21 Add navigation buttons to the pages
22:45 Recompile and review
24:20 Compile for Web and review
25:45 Add PathUrlStrategy to remove # in flutter web
26:50 Compile for Web again and review
28:05 Recap of the steps in this video

In this video we look at implementing GoRouter in Flutter. The topics covered here are:

Advantages of Go Router
WireFrame of a Simple App structure with Navigator
WireFrame of a Simple App with Go Router
Analysis of the GoRouter object
Code Implementation starting from default Flutter App
Defining GoRouter object
Defining named Routes
Implementing MaterialApp.router
Creating a GenericPage widget with custom title and button that goes to a named route
Compiling into iOS
Compiling into Web
Changing Url Strategy (getting rid of #)
Compiling into Web with new Url strategy
Recap

Auf dieser Seite können Sie das Online-Video GoRouter Tutorial Part 1 - Implementing GoRouter for Navigation in Flutter mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Mehmet Artun 20 Oktober 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 283 Mal angesehen und es wurde von 13 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

1,614