Basics of Flutter Routing and Navigation | Named vs. Simple Navigation with GetX

In this detailed tutorial, we will learn Flutter navigation, including simple navigation, named routes, data passing via URLs, and deep linking with GetX. Whether you're a beginner or looking to refine your skills, this video covers everything you need to manage navigation efficiently in your Flutter app.

Don’t forget to like, comment, and subscribe for more Flutter tutorials!

🎊 SOURCE CODE
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

❤️ PLAYLISTS
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

FLUTTER ADMIN PANEL SECTIONS
► Section - 1 (Configuration)
► Section - 2 (Navigation)
► Section - 3 (Responsive)
► Section - 4 (Admin Mgmt)
► Section - 5 (Dashboard)
► Section - 6 (Media)
► Section - 7 (Design Screens)
► Section - 8 (Firebase Backend)
► Section - 9 (Deployment)

COURSES

CHAPTERS
00:00 Introduction
- Creating a Firebase Project
- Installing Firebase CLI
- Connecting Firebase to Flutter
- Adding Firebase Dependencies
- Initializing Firebase in Flutter
- Handling Common Errors
- Final Setup and Configuration

FOLLOW US ON SOCIAL MEDIA
💻 Facebook | / codingwithtea
💻 Instagram | / coding_with_tea

🔍 DETAILS

[CodingwithT]

Updated source code (app + admin panel) is available here:

[whom]

Interesting im actually learning from your videos

[afridieleven]

Your both flutter playlist are very helpful ☺️

[hi.mamunmuhammad]

These videos are rarely available on YouTube.
Thank you very much for such a helpful video

[ziadhamdan]

thank u for this useful tutorial ... I use the onGenerateRoute approach but the values of the parameters did not show on the screen where they should show in the text but they showed in the URL with no error messages at all
onGenerateRoute(settings) {
final args = settings.arguments;
Uri uri = Uri.parse(settings.name ?? '');
switch (uri.path) {
case PagesNames.firstScreen:
return PageTransition(
child: const FirstScreen(),
type: PageTransitionType.leftToRight,
duration: const Duration(milliseconds: 500),
settings: settings,
);
case PagesNames.secondScreen:

return PageTransition(
child: SecondScreen(),
type: PageTransitionType.leftToRight,
duration: const Duration(milliseconds: 500),
settings: settings,
);
default:
return null;}}

class SecondScreen extends StatelessWidget {

const SecondScreen({super.key, });
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: const Text("SECOND SCREEN"),
centerTitle: true,
),
body: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(Get.arguments ??""),

Text("Device = ${Get.parameters["device"]??""}"),
Text("ID = ${Get.parameters["id"]??""}"),
Text("Name = ${Get.parameters["name"]??""}"),


],
),
),
);
}
}


this is the buttons
/// -- Pass Data
Divider(),
Text("Pass Data Between Screens - GetX",
style: TextStyle(fontSize: 20.sp, fontWeight: FontWeight.bold), ),
SizedBox(height: 20.h, ),
SizedBox(
width: 250.w,
child: ElevatedButton(
onPressed: () {
Get.toNamed(PagesNames.secondScreen,
arguments: "GetX is fun with Ziad");},
child: Text("GetX Pass Data")), ),
SizedBox(height: 15.h, ),
SizedBox(
width: 300.w,
child: ElevatedButton(
onPressed: () => Get.toNamed(
"${PagesNames.secondScreen}?device=phone&id=2541&name=Ziad"),
child: Text("Pass Data In URL")), ),
SizedBox(height: 20.h, ),
SizedBox(
width: 400.w,
child: ElevatedButton(
onPressed: () => Get.toNamed(
"${PagesNames.secondScreen}?device=phone&id=2541&name=Ziad",
arguments: "GetX is fun with Ziad"),
child: Text("Pass Data In URL with arguments")), ),

[abdelouahebbenouar]

How many videos i can skip to get to the actual admin panel code