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
In questa pagina del sito puoi guardare il video online Flutter Tutorials / Flutter Sidebar App della durata di ore minuti seconda in buona qualità , che l'utente ha caricato TechDivisions 24 ottobre 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 180 volte e gli è piaciuto 2 spettatori. Buona visione!
