GoRouter Tutorial Part 1 - Implementing GoRouter for Navigation in Flutter

Published: 20 October 2024
on channel: 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

On this page of the site you can watch the video online GoRouter Tutorial Part 1 - Implementing GoRouter for Navigation in Flutter with a duration of hours minute second in good quality, which was uploaded by the user Mehmet Artun 20 October 2024, share the link with friends and acquaintances, this video has already been watched 283 times on youtube and it was liked by 13 viewers. Enjoy your viewing!

1,614