Flutter Navigator 2.0 Example, with some Provider 6

Рет қаралды 7,775

Күн бұрын

In the second part of my Navigation Series, I provide an example of video game database app using Navigator 2.0 with state management from Provider 6 ChangeNotifier.
00:00 Introduction
00:54 Creating Screen and Bottom Navigation Files
01:38 Creating Bottom Navigation
02:31 Creating List Screen and adding to Main
03:35 copying List to other screens and creating an all screens file
04:45 adding Navigator and installing Provider
05:31 creating Navigation Controller
06:21 setting up Navigation Listenable Provider
07:02 adding Provider to Bottom Navigation
09:13 Adding Settings and About Screens to Navigator
10:07 activating the back button
11:45 highlighting the active botton navigation button
13:29 Creating Game Model and Game Controller
15:27 setting up Game Listenable Provider and adding the Game ListBuilder
16:29 Navigating to Details Screen when a Game is tapped
17:35 adding the Game Details to the Details Screen
19:26 Adding more power to Navigator
Full Transcript:
learnflutterwithme.com/naviga...
Intro to Flutter Navigation & Routes
• Intro to Flutter Navig...
Provider 5 changeNotifier Example (works with 6)
• Flutter Provider 5 cha...
#flutter #learnflutter
Instagram:
learnflutterwithme
Stuff I use for this channel (Affiliate Links)
SanDisk 1TB SSD amzn.to/3j1U8py
Elgato Cam Link 4K amzn.to/37EyqBK
Logitech G600 Mouse amzn.to/36DYFYz
Logitech G Pro Keyboard amzn.to/3saco38
Macbook Pro M1 13" amzn.to/36GzbKc
Neewer Mic Arm amzn.to/3z7RvIm
Davinci Resolve amzn.to/3erEb9I
Adobe Photoshop Elements amzn.to/3BkPKth

Пікірлер: 18

@user-tv4kh4pc7s Жыл бұрын

Nice!

@johannhagen7308 2 жыл бұрын

Music is so good!

@pouryafx3993 2 жыл бұрын

thanks for this tutorial , how to set animation when changing the rout?

@tom110111 Жыл бұрын

Great video, so easy to watch your videos thank you. At the 4:00 mark, why do you remove navigation from details.dart page?

@cosmindumbrava7365 2 жыл бұрын

Good video, straight to the point! But if you make the book list longer and scroll and navigate between tabs does it keep the page/scroll state?

@AhmedKhaled-gy9vs 2 жыл бұрын

👍👍👍👍👍👍👍👍👍👍

@codaq4043 2 жыл бұрын

The bottom nav bar i made doesnt need to use provider, it kind of just works out of the box, is there a reason to make a nav bar using provider instead?

@LearnFlutterwithMe 2 жыл бұрын

I'll have to rewatch the video, it's been a while haha! But more than likely I just used the navbar as the widget for my example and it's not necessary/required. I'll update after I watch it if I see something else!

@user-fc2ih7cw4w 2 жыл бұрын

Hi, thank you for great tutorial ! But there is a question. Why did you omit router delegate (I mean a class extended from RouterDelegate with ChangeNotifier, PopNavigatorRouterDelegateMixin ) ? Usually lot of the tutorials suggest use the Delegate. Or I have to use the delegate only for web app ?

@LearnFlutterwithMe 2 жыл бұрын

Honestly I'm not 100% sure but looking it up it does seem to reference URLs a lot which yeah would be for the web. Like I saw this in one article: "Unlike mobile apps, Flutter Web apps do not communicate with the OS since they are sandboxed in the Browser application. In this article, we will talk about the communication between the OS and the Router widget to stay consistent with the design docs, and simplicity." hopefully that answers your question. I'll keep a look out for it though and let you know if I see anything different!

@maganapanga4771 2 жыл бұрын

Late to the party, but you can read about this in the Router documentation. As I understand, delegate is strongly recommended for web platform, otherwise not required: api.flutter.dev/flutter/widgets/Router-class.html "To opt out of URL updates entirely, pass null for routeInformationProvider and routeInformationParser. This is not recommended in general, but may be appropriate in the following cases: * The application does not target the web platform. * There are multiple router widgets in the application. Only one Router widget should update the URL (typically the top-most one created by the WidgetsApp.router, MaterialApp.router, or CupertinoApp.router). * The application does not need to implement in-app navigation using the browser's back and forward buttons. In other cases, it is strongly recommended to implement the RouterDelegate.currentConfiguration and RouteInformationParser.restoreRouteInformation APIs to provide an optimal user experience when running on the web platform."

@francescofreddi4374 2 жыл бұрын

very useful, but... why dont use Riverpod instead Provider? you have got less boilerplate code to write

@LearnFlutterwithMe 2 жыл бұрын

honestly... I used provider because it's my most viewed video so far and thought it might help the stats haha! But yes I agree!

@AdhamFaisal875 Ай бұрын

please upload source code

@mightyleena5983 2 жыл бұрын

can you make more videos about dealing with firebase ? because it has been a struggle. for example im trying to retrieve a specific element from a collection but honestly didn't find helpful and easy videos like yours

@LearnFlutterwithMe 2 жыл бұрын

I'd be happy too, can you give me maybe an example of what I can show you more specifically? I want to make sure I touch on the right thing when I do it! Thanks!

@mightyleena5983 2 жыл бұрын

@@LearnFlutterwithMe maybe also creating a nested collection and adding emoving elements from it ? thanks a lot !

@AdhamFaisal875 4 ай бұрын

[ERROR:flutter/runtime/dart_vm_initializer.cc(41)] Unhandled Exception: 'package:flutter/src/widgets/navigator.dart':