Building a Windows Desktop App in Flutter - MetaTube

preview_player
Показать описание
In this tutorial, you will learn how to build a Windows desktop application using Flutter. Specifically, you'll be creating MetaTube, an app that simplifies handling YouTube video metadata. Even if you're not a YouTuber, you should still watch this video as it covers a lot of useful information that you can apply to your own desktop application development.

Throughout the video, you'll learn about proper folder structure, setting up your app's window, reading and writing data, making custom widgets and services, and, most importantly, turning your app into an EXE that you can install on your computer.

Whether you're new to Flutter or an experienced developer looking to expand your skills, this tutorial is for you. So, let's dive in and start building a Windows desktop app with Flutter!

TimeStamps

00:00 Introduction
00:34 Getting Started
01:04 Setting Up Main File
02:10 Coding our Home Screen
05:04 Creating Main Button
07:18 Creating Action Button
12:14 Creating Button Style
15:37 Creating a Custom Text Field
21:05 Styling our Custom Text Field
30:01 Adding Copy To Clipboard Button
34:23 Adding Copy to Clipboard Functionality
36:53 Creating a Custom Snackbar
41:27 Adding our Text Fields
42:50 Adding our Save Button
44:08 Creating our File Service
45:46 Fixing our Text Editing Controllers
51:00 Setting up our File Service
51:40 Handling Saving our Content
58:02 Getting Today's date
1:00:45 Finishing our Save Content
1:08:37 Adding Save to our Save Button
1:10:37 Handling Loading Files
1:17:24 Adding Load to our Load Button
1:18:50 Handling New Files
1:20:03 Adding New File to our New File button
1:21:09 Handling Changing Directory
1:23:27 Adding Change Directory to our Directory Button
1:24:56 Making sure all is working properly
1:25:37 Creating a Splash Screen
1:26:13 Styling our Splash Screen
1:30:39 Styling our Window
1:35:43 Creating App Icon in Figma
1:37:52 Updating App Info
1:38:53 Building our App
1:39:15 Testing our App
1:40:30 Downloading Inno Setup
1:40:49 Turning our App into an Exe
1:44:13 Installing our App
1:45:48 Outro

||||||||||||||| 232% ||||||||||||||| 4.65K/2K

Most recent subscriber: Elvis Boateng

Рекомендации по теме
Комментарии
Автор

I learned building flutter desktop app from this video! keep making flutter desktop apps. Love your tutorials

geekthegeek
Автор

Great Video on Flutter.. Especially learning how we can use different Custom widgets with neat and clean way.. please make a video on Animations in flutter as well

satdevlpr
Автор

Man this is super helpful
U are an amazing instructor
keep it up
Thnks ❤

Grinwa
Автор

Really enjoyed the full video.. can you please make a video on how to use time based trail version license Apps ?

satdevlpr
Автор

thanks for you
please i need good refrence to create windows form app but save data to local database and create printable report like invoice?

ahmedsamra
Автор

man when I found your channel it is like a really Great Gift to me, Your Content is amazing

ihdori
Автор

Thank you sir for making this ❤🙏 also make video on complex ui to flutter

amitmasram
Автор

thanx for the video.. do you think that we can upload this exe on Microsoft store ??

mengodkidjo
Автор

Can you Make a Flutter Zero to Hero Playlist ? Your teaching skills are Amazing!!

arpandevcodes
Автор

Great Video! Can you create a video on an auto updater for the app too? or does Inno handle that too?

AshkanSotoudeh
Автор

how can i connect desktop application with firestore as it provides 4 option, android, ios, web and macos. which options should i select out of these let firestore connect with my app

bladycivilian
Автор

hi there, thanks for recording this video . i'm learning Flutter now and i have question what version of Flutter Do you use in this video ?since i heard there is a lot changes in the new version.

satyarsalehian
Автор

good video, complete!!, is there an option to integrate google maps into a desktop app, apparently there are no extensions for that

rdqgpnx
Автор

Awesome.. Learned a lot..Does windows app has firebase support?

ralfiztechnologies
Автор

that was very good if you could do more o fthis videos would be nice

vimwizard
Автор

wow I didn't know that flutter can be made into a desktop application. But I have a question, I have some flutter projects for mobile, can I make those projects into desktop apps?
btw thanks for making this bro 🔥🔥

naze
Автор

Hello any one can help me for Building this and run application. I have done process but my app running only on BACKGROUND.

suryavideoworldchhattisgar
Автор

can you tell me how to use a dll from other program into a flutter windows app?

kaiye
Автор

Try to use creating Widgets instead of helper functions(It's bad for your apps performance )

qixjbii
Автор

Can you do this with flutterflow and their windows desktop app?

TheFoxstory