Flutter Tutorials / Flutter Sidebar App

Опубликовано: 24 Октябрь 2023
на канале: 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

На этой странице сайта вы можете посмотреть видео онлайн Flutter Tutorials / Flutter Sidebar App длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь TechDivisions 24 Октябрь 2023, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 180 раз и оно понравилось 2 зрителям. Приятного просмотра!

468