Flutter desktop - custom window title bar, minimize, maximize, close buttons on Windows

  Рет қаралды 69,582

Bits Dojo

Bits Dojo

3 жыл бұрын

This video shows how you can hide the standard Windows title bar and display your own using Flutter.
Packages used: pub.dev/packages/bitsdojo_window
You can also find me on Twitter:
/ callmebit

Пікірлер: 324
@igorskyflyer
@igorskyflyer Жыл бұрын
Apart from this being a valuable dev tutorial, your style for creating and presenting these tutorials is perfect. Great work, thank you. ✌🏼❤️
@snehmehta
@snehmehta 3 жыл бұрын
The format for explaining each part i.e code and design on same screen is super awesome!!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! Glad you you like it!
@xxx8317
@xxx8317 3 жыл бұрын
Almost 5 months before Flutter 2.0 was released and you already had a solution for this! Thank you!
@bitsdojo
@bitsdojo 3 жыл бұрын
You're welcome!
@learndsaandfun3456
@learndsaandfun3456 3 жыл бұрын
Is there any way to remove title bar from Linux flutter app?
@Adhithya2003
@Adhithya2003 2 жыл бұрын
Hope you are feeling better, and will come back with amazing flutter tutorial.
@greatindianbuilder2491
@greatindianbuilder2491 3 жыл бұрын
That tutorial was absolutely amazing, easily better than 90% of the tutorials on KZbin. ❤️❤️
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words!
@doublesman0
@doublesman0 3 жыл бұрын
This was better than I expected. Good start man!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words!
@codeface7448
@codeface7448 3 жыл бұрын
This is brilliant, I'm definitely subscribing and recommending your channel to friends. Great work. 👌
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! 🙏
@cortana324
@cortana324 3 жыл бұрын
Favorite flutter tutorial by far. Please do more videos!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! 🙏 Plan on doing more videos!
@elshir
@elshir 3 жыл бұрын
Please do some flutter desktop app development tutorials!!!! Subscribed!! You've done an awesome job bro!
@bitsdojo
@bitsdojo 3 жыл бұрын
Plan to do more tutorials on Flutter desktop. Thank you for the kind words!
@aarondz789
@aarondz789 3 жыл бұрын
@@bitsdojo pay tribute for your work.we need it.thanks.
@bitsdojo
@bitsdojo 3 жыл бұрын
@@aarondz789 Thank you! 🙏
@BooleanDev
@BooleanDev 3 жыл бұрын
@@bitsdojo I have notifications on for when you do do them!
@AhmadAsmndr
@AhmadAsmndr 3 жыл бұрын
yes please..
@suyafiku5731
@suyafiku5731 Ай бұрын
I've been looking on how to do this for hours, thanks ❤ nice video btw
@polatcem
@polatcem 3 жыл бұрын
Its super summarized video. Great explanations you have made. And you made great translations between code and app.
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad you enjoyed it! Thank you for the kind words!
@user-li3fb4wr2m
@user-li3fb4wr2m 2 жыл бұрын
Upload more videos. You will be so popular in the windows section of flutter. You explain very well + you provide solutions. I subscribed 👌
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you for your kind words! I’ve been dealing with some health issues including the last months but I’m recovering and feeling better and can’t wait to be back with more videos.
@billelmarref3823
@billelmarref3823 2 жыл бұрын
Thank you for the tutorial, It was really well structured and explained.
@rayanfernandes2631
@rayanfernandes2631 3 жыл бұрын
Hey man...fully supporting you to do more flutter desktop apps..you are awesome
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! 🙏
@MrRoxx17
@MrRoxx17 3 жыл бұрын
Dude, your video editing is very good. sick animations
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! Glad you enjoyed it
@mohammedaymen8542
@mohammedaymen8542 Жыл бұрын
man have no words to describe ur work .... Thank You
@MohamedDernoun
@MohamedDernoun 3 жыл бұрын
This is my first video i watch about flutter desktop and i think i watch the right one 👌
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! Glad you like it!
@yashmoon29
@yashmoon29 3 жыл бұрын
Thanks, I was waiting for this. Finally someone did it. Great Job 😍👍
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@yashmoon29
@yashmoon29 3 жыл бұрын
@@bitsdojo btw can we give rounded corners to the window ? 🤔
@bitsdojo
@bitsdojo 3 жыл бұрын
Not at the moment but I will see what I can do about it.
@yashmoon29
@yashmoon29 3 жыл бұрын
@@bitsdojo Okay bro 👍 Thanks
@Veluc1f3r
@Veluc1f3r Жыл бұрын
I want to give you a hug for this one! Thank you!
@ImJustARobot
@ImJustARobot 3 жыл бұрын
I was looking for the same! Such a great work! New sub here pal!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words!
@zarvalight1497
@zarvalight1497 2 жыл бұрын
You save my life bro, thank you please do more flutter desktop app development tutorial again
@thematthew4246
@thematthew4246 Жыл бұрын
OMG, this package is AWESOME - AMAZING - WONDERFUL
@bitsdojo
@bitsdojo Жыл бұрын
Thank you so much. Really appreciate it.
@maanasnair2295
@maanasnair2295 3 жыл бұрын
200th sub! Keep doing this awesome work and remember me when you become famous ;)
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! I will!
@shamansharif2831
@shamansharif2831 2 жыл бұрын
This is great. Hope to build some awesome desktop applications with flutter and this awesome plugin. ❤️❤️
@that_person436
@that_person436 29 күн бұрын
Man, this thing is a hidden gem
@ifeanyionuoha2096
@ifeanyionuoha2096 3 жыл бұрын
Awesome work 👍🏾, and very well-explained
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@341414
@341414 3 жыл бұрын
You are really passionate about Flutter and you have a strong desire to get Flutter desktop in Windows version off the ground. If we could find a natural way to connect to a SQL Server database this would be a great step forward! When I watched your video, then I subscribed so much your video makes Flutter Destop for Windows so much progress! I am sure that we will stay tuned to what you will be producing soon on this subject. Congratulations on this great video that drives Flutter for Windows! Sam
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words, Sam! Appreciate it 🙏 Maybe something like this would be a starting point to connect an app to SQL Server: github.com/jcmellado/dart-odbc
@341414
@341414 3 жыл бұрын
@@bitsdojo Thank you so much for the link. It's great ODBC access.
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad to help!
@zemecano4747
@zemecano4747 2 жыл бұрын
thanks for your work and video! Very easily with code at left and result at right, i like it !
@alexmercerind
@alexmercerind 3 жыл бұрын
500th sub! thanks dude, awesome job!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words and for being the 500th subscriber!
@lijack446
@lijack446 3 жыл бұрын
Completely solved my problems ~ Great tutorial video.
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! Glad it helped!
@daumienebi
@daumienebi 5 ай бұрын
Thanks a lot for this awesome video!
@SandwichMitGurke
@SandwichMitGurke 2 жыл бұрын
this makes me hyped about desktop app development
@bitsdojo
@bitsdojo 2 жыл бұрын
Glad to know!
@d-apps2699
@d-apps2699 2 жыл бұрын
Thank you very much for the package and for this video!
@bitsdojo
@bitsdojo 2 жыл бұрын
You’re welcome!
@alireza0994
@alireza0994 8 ай бұрын
that was so freaking helpful. Thank a lot!♥♥♥
@asoiafz66
@asoiafz66 Жыл бұрын
太棒了这个插件,我找了好久才找到💗💗
@SkjoyBd
@SkjoyBd 2 жыл бұрын
Great tutorial and package. Thanks a million.
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you for the kind words!
@codeflutterly
@codeflutterly Жыл бұрын
Thanks so much for this piece
@timothy897
@timothy897 2 жыл бұрын
You have an Awesome Calming Voice😁 Good Job Make us more meat
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you for the kind words! I will be back with more videos.
@341414
@341414 3 жыл бұрын
Awesome. Excellent work!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! 🙏
@TheMR-777
@TheMR-777 Жыл бұрын
You are a Lifesaver Man! Thankyou so much! :)
@TheMR-777
@TheMR-777 Жыл бұрын
Man! You have a solution for everything a typical Windows Developer want to have with Flutter! I loved that!
@mohamednmv7539
@mohamednmv7539 Жыл бұрын
Thanks for the video is really useful👍👍
@xaxababa6616
@xaxababa6616 3 жыл бұрын
Amazing stuff! Thank you BD!
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! 🙏
@Richard.Slater
@Richard.Slater 3 жыл бұрын
Trabalho incrível, parabéns! Estava buscando exatamente isso.
@bitsdojo
@bitsdojo 3 жыл бұрын
Obrigado ! Que bom que gostou!
@adnankhalil9640
@adnankhalil9640 3 жыл бұрын
this is crazy good, please bro do more
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! Working on it!
@balu3811
@balu3811 3 жыл бұрын
Hey, nice video man
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@hayyanjarboue3592
@hayyanjarboue3592 3 жыл бұрын
You are Hero!! you saved my time thanks a lot.
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! Glad I could help!
@MiguelLopez_milo
@MiguelLopez_milo 2 жыл бұрын
Muchas gracias. Excelente Widget y tutorial. Suscrito. Saludos desde Honduras.
@VladyslavHorbachov
@VladyslavHorbachov 3 жыл бұрын
It's super useful. Thank you so much ❤️❤️❤️❤️❤️
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad to help!
@emallay
@emallay 3 жыл бұрын
Nicely done and very well explained. Not to be greedy, but... more please! :-)
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words!
@CarlosMolina-zg6xk
@CarlosMolina-zg6xk 3 жыл бұрын
Awesome job! 👏🏻👏🏻
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words!
@abdelmalek8846
@abdelmalek8846 3 жыл бұрын
Omg amazing 💖💖💖💖 bro keep putting video 🥺🥺🥺🥺 ur a legend
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words! 🙏
@fadilkurniawan1670
@fadilkurniawan1670 2 жыл бұрын
this is amazing, you are amazing bro
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you!
@aaronchu2391
@aaronchu2391 3 жыл бұрын
Awesome job buddy!
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you!
@whocen
@whocen 3 жыл бұрын
Great great tutorial... please do more.
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! Working on a new video
@taki_fouhal
@taki_fouhal 2 жыл бұрын
You are a legend !
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you for your kind words!
@michaeldaniels5004
@michaeldaniels5004 3 жыл бұрын
Good work, keep on.
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@rithviknishad
@rithviknishad 3 жыл бұрын
This one video got me to subscribe! Looking forward for the same in linux-desktop app too
@bitsdojo
@bitsdojo 3 жыл бұрын
Currently working on Linux support 😉
@huancao8072
@huancao8072 3 жыл бұрын
incredible video
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! 💙
@elendiar2116
@elendiar2116 3 жыл бұрын
Thanks dude, its actually what i needed. Think with that flags on cpp i can make transparent for clicks window for my overlay.
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad to know it helps!
@elendiar2116
@elendiar2116 3 жыл бұрын
@@bitsdojo How set custom position with x y, not with aligment ?
@The-sound-of-silence
@The-sound-of-silence 3 жыл бұрын
What an amazing tutorial, I'm thankful for you. I've just one question! what if we want besides changing the title bar name change the icon of flutter?
@yaserghananwi
@yaserghananwi 2 жыл бұрын
Thanks Nice tutorial.
@bitsdojo
@bitsdojo 2 жыл бұрын
You’re welcome, Yaser!
@mudassarmaqbool8924
@mudassarmaqbool8924 2 жыл бұрын
Great.Really helpfull.
@Entertainment-tr7xf
@Entertainment-tr7xf 3 жыл бұрын
Great jon man
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@rushilrai
@rushilrai 3 жыл бұрын
Awesome 👍
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@cuishijie8324
@cuishijie8324 2 жыл бұрын
awsome dude!
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you!
@iamzirotoxic5841
@iamzirotoxic5841 2 жыл бұрын
Really thanks for tutorial but i have question how to i can add widget to window ( i can but its column and i can't make it center)
@0x4ym4n
@0x4ym4n 3 жыл бұрын
Great tutorial, susbcribed.
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@Andreasonline3
@Andreasonline3 3 жыл бұрын
Cheers mate, saved me a ton of time tinkering on my implementation. flutter needs to sort their shit out
@bitsdojo
@bitsdojo 2 жыл бұрын
Glad to help!
@devvictorruan5543
@devvictorruan5543 2 жыл бұрын
Thank you!
@chitye-aung
@chitye-aung 3 жыл бұрын
Awesome!
@Zaraysky
@Zaraysky 3 жыл бұрын
Very nice video! If you can - please describe how to make sidebar with windows acrylic material. Thanks in advice!
@tranlehoanglam6915
@tranlehoanglam6915 9 ай бұрын
You are GREAT
@pycbse6812
@pycbse6812 3 жыл бұрын
Very nice video
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@tejashpatel3071
@tejashpatel3071 10 ай бұрын
Is there any functionality available with flutter desktop like when the user minimizes app, one floating icon will show on the screen and that will be always visibal on top of all the software?
@mracipayam
@mracipayam 2 жыл бұрын
Greate content, please make more desktop flutter videos, i want to switch c# to flutter.
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you for the encouragement. I’ve been dealing with some health issues in the last months but I’m recovering and feeling better and can’t wait to be back with more videos.
@aliendelivery
@aliendelivery 2 жыл бұрын
Dojo, your video is so helpful! I think tutorial videos for Flutter Desktop/Web app development would be very popular now since Flutter 3 has been released. Do you plan to work on those soon?
@aliendelivery
@aliendelivery 2 жыл бұрын
Thank you very much again!
@BooleanDev
@BooleanDev 3 жыл бұрын
Wow great video, you should make more videos
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! I was busy with work but plan more videos soon.
@jacopoguzzo4097
@jacopoguzzo4097 2 жыл бұрын
You deserve at least 3 more zeros on your YT subscriber count
@DarkHeros09
@DarkHeros09 3 жыл бұрын
Subscribed👌
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@lindokgeorge2135
@lindokgeorge2135 Жыл бұрын
Is there a way to make window transparent and semi transparent ? (Which should work on Windows and Linux)
@haiderjaafer8164
@haiderjaafer8164 3 жыл бұрын
Great keep going forward
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you!
@clutch16b
@clutch16b 3 жыл бұрын
Awesome video! Subscribed! I was following the instructions and I got to the point where you hide the title bar and I got an error. I guess you changed the name of the folder to "bisdojo_window_windows" so the bitsdojo_window.h file couldn't be included. It'd be great if you could pin a comment to let people know about the change. Thanks! Great work!
@josealves-zo1so
@josealves-zo1so 2 жыл бұрын
how did u solved this?
@CarlosCostaCarvalho
@CarlosCostaCarvalho 3 жыл бұрын
Damn! Fcking great video! +1sub!! Please do more flutter tuts!! Thanks for this tutorial btw! It was exactly what I'm looking for and more!
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad you liked it! I was busy with work but I will make some time for new videos soon.
@musliminontong2611
@musliminontong2611 2 жыл бұрын
Thank you very much
@bitsdojo
@bitsdojo 2 жыл бұрын
You’re welcome!
@maksimryabovol4592
@maksimryabovol4592 3 жыл бұрын
Excellent video! Thank you! As I understand your plugin doesn't support a restriction to avoid resizing a windows manually?
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you! That's a good idea, I will add it to the plugin.
@imsporwal
@imsporwal 3 жыл бұрын
This has been really helpful, I'm trying to figure out how can I get the Maximum size of the display at startup without mediaquery so that I can start the app in full screen without the title bar,
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad you found it helpful! I will look into adding a full screen mode. Thank you for the suggestion!
@yauhenko
@yauhenko 6 ай бұрын
Hi there! How to implement hide on startup for Linux?
@anantadevdatta5985
@anantadevdatta5985 2 жыл бұрын
Sorry for you health issue man, I hope you get better. Get better soon man. You are our saviour.
@raihanrabbani386
@raihanrabbani386 Жыл бұрын
damn dude ure awesome🔥🔥🔥🔥🔥🔥
@bitsdojo
@bitsdojo Жыл бұрын
Thank you for the kind words. Really appreciate it.
@parito5523
@parito5523 2 жыл бұрын
Hey, pretty neat package! Just out of curiosity, does this call some system apis to generate the title bar and buttons, or are those custom-made ones by you designed to mimic the windows 10 design? In other words, if I bring this to windows 11 or other desktop OS for example, does the package makes the title bar and buttons look native to the OS in question or do it still have the windows 10 theme/design?
@bitsdojo
@bitsdojo 2 жыл бұрын
Hi there! The title bar and buttons are Flutter widgets so anyone can use Flutter to customize them just the way they like.
@MaheshMV666
@MaheshMV666 3 жыл бұрын
Can we replace with custom icons? That would be really awesome
@ImParhizkar
@ImParhizkar 3 жыл бұрын
thanks for this video, plz release more package for flutter windows like file picker or something else. thanks again.
@bitsdojo
@bitsdojo 3 жыл бұрын
Glad it is useful! More packages will likely follow 😉
@sat_talk
@sat_talk 2 жыл бұрын
Waiting for more videos on Desktop App..Pl. don't stop making videos
@bitsdojo
@bitsdojo 2 жыл бұрын
Thank you for your comment. I'll be back.
@user-sy1xp8lt9v
@user-sy1xp8lt9v Жыл бұрын
nice one
@ashishen123
@ashishen123 2 жыл бұрын
amazing tutorial!!!, can you make one tutorial explaining how to use flutter_acrylic inside a windows app! that would be really great
@user-lg3bo5jm3y
@user-lg3bo5jm3y 2 жыл бұрын
I write a flutter windows app, I want to launch a golang service when flutter app start on windows, and how run flutter app on windows with admininstrator rights?
@derekliu8810
@derekliu8810 3 жыл бұрын
Great work!thank u so much!+1subs
@bitsdojo
@bitsdojo 3 жыл бұрын
Thank you for the kind words!
@sleepykid4313
@sleepykid4313 2 жыл бұрын
I have added the #include and auto bdw line in main.cpp but its showing an error "cannot open source file". please tell what to do
@hanaessam6990
@hanaessam6990 9 ай бұрын
Hi, when i removed the default tutle bar i could not move the window, how can i still be able to move the window anywhere?
@HassanMughal-q1f
@HassanMughal-q1f 11 күн бұрын
hey hope you doing good, I'm facing issue on mazimize window icon of it does not change
Building a desktop design language with Flutter | Session
15:13
Little girl's dream of a giant teddy bear is about to come true #shorts
00:32
No empty
00:35
Mamasoboliha
Рет қаралды 8 МЛН
路飞太过分了,自己游泳。#海贼王#路飞
00:28
路飞与唐舞桐
Рет қаралды 31 МЛН
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Mitch Koko
Рет қаралды 275 М.
Best 30 Flutter Widgets, Packages & Tips
5:11
Flutter Mapp
Рет қаралды 119 М.
Flutter Update: Windows
26:16
Flutter
Рет қаралды 2,6 МЛН
Top 10 Widgets every Flutter Developer should know!
10:18
HeyFlutter․com
Рет қаралды 35 М.
you need to build a RUST desktop app!!
27:21
Travis Media
Рет қаралды 295 М.
Flutter Spotify Clone Desktop/Web UI | Apps From Scratch
1:00:39
Marcus Ng
Рет қаралды 124 М.
Modding TikTok to only show Cat Videos
29:12
Bryce Bostwick
Рет қаралды 89 М.
35 Flutter Tips That Will Change Your Life
10:53
Flutter Mapp
Рет қаралды 298 М.
Build a Windows News App with Flutter and Fluent UI Theme
1:58:36
Xcoding with Alfian
Рет қаралды 18 М.
ОБСЛУЖИЛИ САМЫЙ ГРЯЗНЫЙ ПК
1:00
VA-PC
Рет қаралды 2,5 МЛН
Rate This Smartphone Cooler Set-up ⭐
0:10
Shakeuptech
Рет қаралды 5 МЛН
iPhone 15 Pro в реальной жизни
24:07
HUDAKOV
Рет қаралды 471 М.