Windows Forum·65,793 discussions

How to create a transparent window in flutter for windows?

Tags: Windows

How can I create a transparent window in flutter for windows? My main objective is to create windows of custom shapes to create splash screens and special UIs.

Topic

Reply To: How to create a transparent window in flutter for windows?

In reply to How to create a transparent window in flutter for windows?

For the transparent part of your question I can recommend bitsdojo_window it has support for windows, linux and macos. Also you could just modify the windows embedding if that plugin does not fits your needs.

Now for the customs shape part 😅 IDK of any such plugin, so you’ll probably will have to modify the windows embedding(the folder that flutter creates, using c++), or create a plugin for it. Once again if you go down that road the bitsdojo_window plugin is a great place to start looking at sample code that might point you to the right path of implementing it.

Reply To: How to create a transparent window in flutter for windows?

In reply to How to create a transparent window in flutter for windows?

How to set Transparent Background Color in Flutter
Method 1: Container( color: Colors. redAccent.
Method 2: AppBar( backgroundColor: Color. fromRGBO(24,233, 111, 0.6), )
Method 3: Container( color: Color.
Method 4: Opacity( opacity: 0.5, //from 0-1, 0.5 = 50% opacity child:Container( //widget tree ) )

Regards,
Peter

creating transparent window in flutter

In reply to Reply To: How to create a transparent window in flutter for windows?

Thank you so much for sharing such a detailed reply. Since june I am trying myself to create custom transparent window for Low cost offset smoker in flutter. But I was unable. I watched different youtube videos. But all in vain. Your single comment helped me and I completed my transparent window.

Reply To: How to create a transparent window in flutter for windows?

In reply to How to create a transparent window in flutter for windows?

Just surround the widget or widget tree you want to make transparent with an Opacity widget and specify the opacity value from 0.0 to 1.0 For example: 0.0 means completely invisible, 0.5 means half way transparent, 1.0 means fully visible.

[Author]

Replies