Flutter Tutorials / Flutter Sidebar App
In this tutorial I am going to show you how to create a simple Flutter Sidebar App. The Sidebar will be opening from the left side, featuring a simple, but well styled ListView - Sidebar, with UserAccountsDrawerHeader and a few pages underneath that serve as an example of what can be done real quick in just a few minutes. This is an effective way to kick-start a development of a new app using Flutter.
by Vladimir Heinz
-- Hit that subscribe Button! --
Enjoy my videos!
Chapters:
00:00 - Intro
00:08 - Explanation - what we are going to do - Flutter Sidebar App
00:40 - Android Studio - Project Creation Dialog Setup
01:11 - New Sample Project is set up
01:18 - Building and trying out the newly created project
01:31 - Cleanup of the sample project - building the Sidebar App from it
01:42 - Flutter Sidebar App - Home Page creation
02:17 - Flutter Sidebar App - Home Page / App Bar
02:57 - Flutter Sidebar App - Home Page / body
03:10 - Flutter Sidebar App - Home Page / drawer
03:31 - Flutter Sidebar App - Home Page / drawer / styling the drawer icon
03:57 - Flutter Sidebar App - Home Page / drawer / UserAccountsDrawerHeader
04:09 - Flutter Sidebar App - Home Page / drawer / UserAccountsDrawerHeader / accountName
04:18 - Flutter Sidebar App - Home Page / drawer / UserAccountsDrawerHeader / accountEmail
04:39 - Flutter Sidebar App - Home Page / drawer / UserAccountsDrawerHeader / accountName
04:52 - Flutter Sidebar App - Home Page / drawer / UserAccountsDrawerHeader / accountEmail
05:16 - Flutter Sidebar App - ... / drawer / UserAccountsDrawerHeader / currentAccountPicture
05:22 - ... UserAccountsDrawerHeader / currentAccountPicture / CircleAvatar / backgroundColor
05:33 - Flutter Sidebar App - Home Page / drawer / ListTile for HomePage
05:45 - Flutter Sidebar App - Home Page / drawer / ListTile for SearchPage
05:52 - Flutter Sidebar App - page directory
06:02 - Flutter Sidebar App - SearchPage
06:47 - Flutter Sidebar App / HomePage / onTap actions - navigations
07:07 - Flutter Sidebar App - SearchPage / Styling
07:39 - Flutter Sidebar App - SearchPage / Styling icon color for routing back - iconTheme
08:00 - Flutter Sidebar App / BarChartPage
09:58 - Flutter Sidebar App / SettingsPage
11:15 - Flutter Sidebar App - now we can jump between all the pages
11:55 - Finish
#flutterapp #flutterdeveloper #flutterappdevelopment
On this page of the site you can watch the video online Flutter Tutorials / Flutter Sidebar App with a duration of hours minute second in good quality, which was uploaded by the user TechDivisions 24 October 2023, share the link with friends and acquaintances, this video has already been watched 180 times on youtube and it was liked by 2 viewers. Enjoy your viewing!
