Search code examples
flutterflutter-desktopflutter-windows

Is it possible to create desktop widgets using flutter windows app?


**Hi, I am new to flutter desktop apps. I am trying to create desktop widgets like the image below. I searched on the internet and found nothing. Can any one help me? Thanks in advance.

Text **


Solution

  • window_manager can help you develop desktop gadgets for Windows.

    # pubspec.yaml
    dependencies:
      window_manager: ^last_version
    
    // lib/main.dart
    
    import 'package:flutter/material.dart';
    import 'package:window_manager/window_manager.dart';
    
    void main() async {
      WidgetsFlutterBinding.ensureInitialized();
      await windowManager.ensureInitialized();
    
      WindowOptions windowOptions = WindowOptions(
        size: Size(800, 600),
        center: true,
        alwaysOnTop: true,
        titleBarStyle: TitleBarStyle.hidden,
        backgroundColor: Colors.transparent,
        skipTaskbar: false,
        titleBarStyle: TitleBarStyle.hidden,
        skipTaskbar: true,
      );
    
      windowManager.waitUntilReadyToShow(windowOptions, () async {
        await windowManager.show();
        await windowManager.focus();
        // await windowManager.setAsFrameless(); // border
        // await windowManager.setHasShadow(true); // shadow
      });
    
      runApp(MyApp());
    }
    

    You may also need system_tray to make the Windows system tray.