Template Layouts and Navigation for Flutter Web - Flutter Web Part 3

This video goes over the process of creating a template layout as well as setting up some basic navigation for Flutter Web.

[sergdigital]

Kudos to you m8, just what the world needed, responsive UI and sorting out the mess behind it, done in the easy way...

[LindsayWells]

These videos are great, and have come at a such a perfect time for my dive into flutter for web :) Thankyou and keep em coming!

[PxelSft]

Just the video series I was after, can't wait for more episodes!

[dennisszymanski]

I really love your Flutter Web Series ! I can't wait for the next part !

[chroxify]

Hello man awesome tutorial but i somehow have a error and dont know how to fix it. In min 4:16 i got a error with the goBack Function thats saying "A value of type 'void' can't be returned from the method 'goBack' because it hs a reutnr type of 'bool'" Could you/someone help me out with this one?

[chiragkushwaha]

nice architecture dude, this is quality content. really appreciated 👍

[luix]

Hey your video helped me a lot with a layout I'm building but I'm having a rough time trying to implement a footer at the end of the content with scrollable view or something, I don't want to manually add the footer to each component but im trying to add it to the responsive builder and I cannot fully achieve what I'm looking for

[HimanshuYT]

Yeah! Await video is here! Osm! Tutorial brother! ❤️

[EupalinosBC]

Hey FilledStacks, really awesome videos! Thank you for that!
I am looking forward to the back button implementation since I couldn't implement it correctly

[rydmike]

Fantastic content again Dane, keep it up! 👍❤️

[sempribo]

Hey FilledStacks, thank you very much for your videos! 

After following your steps (except for adding the mobile navdrawer),
i have the issue that on the left side of the Layout Template, there is a Shadow, how can I get rid of it?
When i switch the navbar-item the shadow says the same.
I couldn't find a Shadow property or "elevation" property in the widgets, to turn it off:/

[callumclift]

Hey Dane, great series! I'm trying to build my own site based on the stuff you've taught here but i'm really struggling with something. I want to be able to have my page scrollable but I want the whole of the page to scroll not just the content within the expanded child within the LayoutTemplate class, however when i put the body of the LayoutTemplate as a SingleChildScrollView it doesn't play ball. I've tried to take the Expanded off the child but still no luck. Any ideas? This is how i'm trying to get the body of the LayoutTemplate to work:


SingleChildScrollView(
child: Column(children: <Widget>[
NavBar(),
Expanded(child: child)
], ),
)


So essentially i'll be able to scroll the whole of the page and not just the HomeView for example!
Hoping you'll get back to me and thanks again for the great content!

[Ambrose_Heria]

Hey Dane, How would you go about handling the state of a Navbar Item through this example? I'm thinking that I would need to create a viewmodel for the navbar that would notify which navbar_item was selected and that the current page is either Episodes or about. Also going through your current series and curious what should be reactive and nonreactive in this situation

[chriscarman]

Another awesome tutorial - on to the next!!! :D

[prakashcs]

I have my android app with the MENU in footer. But i want to build my web version so that these menus should come in TOP like real website. So how i can make this in flutter web or where i need to change the code?

[learnthroughanimation]

What's about when we need to show full pages like login, signup, and sometimes template layouts. After implementing template layouts every page will be pass to child of template layout so can't show full page?

[intuneknight]

I try to find this in the main flutter documentation, but the information is vague I think they should make two sections one for the web and one for the mobile, also for desktop, and this is not in their documentation.

[SuperSmyer]

Hi Dane!

Thanks so much for the series!

I got one little question: At the end of this video, there apears no name of the pages in the browser URL after klicken. In Episode 4 when the video starts, you directely have the name showing in the Browser URL. How did you do that? I dont have the specific page-names.

Thanks a lot and keep on making tutorials <3

[jisanahmed]

why my nav drawer not showing after swipe everything is ok but this is not working

[statuscollection]

Ur video are great but I got some errors on generateRoute The argument type 'Future<Route<dynamic>> Function(RouteSettings)' can't be assigned to the parameter type 'Route<dynamic>? Function(RouteSettings)?' and also in navigation services--(
The method 'pushNamed' can't be unconditionally invoked because the receiver can be 'null'.
A value of type 'void' can't be returned from the method 'goBack' because it has a return type of 'bool'.
The method 'pop' can't be unconditionally invoked because the receiver can be 'null'.
) how to i solve this error