Flutter Tutorials / Flutter Sidebar App

Veröffentlicht am: 24 Oktober 2023
auf dem Kanal: TechDivisions

180

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

Auf dieser Seite können Sie das Online-Video Flutter Tutorials / Flutter Sidebar App mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer TechDivisions 24 Oktober 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 180 Mal angesehen und es wurde von 2 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

301