Question 257072 in Flutter Question posted in
The official Flutter documentation can be found here.

Get physical screen size, not window size in Flutter

I’m trying to make a utility bar that spans the width of my display. I’m using window_manager to manage placement and sizing, but it looks like I can’t set the width to my display’s width. I can hard-code it, which works, but trying to grab the width results in a null value, making the width default to 1280 pixels.

Note that the methods I’ve tried have been able to pull the display size of the window, but not of the actual display.

My code:

import 'package:flutter/material.dart';
import 'package:window_manager/window_manager.dart';

void main() {
  runApp(Headbar());
}

class Headbar extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    windowManager.waitUntilReadyToShow().then((_) async{
      await windowManager.setTitleBarStyle(TitleBarStyle.hidden);
      await windowManager.setPosition(const Offset(0, 0));
      // await windowManager.setResizable(false); // Make sure people can't resize this... but it breaks the window resizing below. Temporarily commented out.
      // await windowManager.setSkipTaskbar(true); // Remove icon from the taskbar
  });
      double scrwidth = MediaQuery.of(context).size.width;
      double scrheight = MediaQuery.of(context).size.height;
      windowManager.setSize(Size(scrwidth, 50)); // Still working on this...


    return const MaterialApp(
        home: Scaffold(
        body: Center(
          child: Text('Hello World!'),
          ),
        ),
      );
  }
}

What happens:
Utility bar takes up only a litttle more than half the width of the display.

For reference, the target platform is Linux Desktop, which I’m using as my environment as well.
Outputing the values of scrwidth and scrheight via print() yields the height and width of the window, not the physical display.

I’ve also tried the following methods that don’t work:

  • FlutterView and/or platformDispatcher – Just not working for some reason… and also bork window_manager.
  • window is depricated and will be removed, so I’d like to avoid using this since it’ll be removed.
  • Setting width to some unholy number and height to the height and maximizing the window – crashes.
Tags:

2

Answers


  1. 0

    You can use PlatformDispatcher to get screen size.

       final screens = PlatformDispatcher.instance.displays;
   final fSize = screens.first.size;
   print('fds: $fSize');

    Another ways is from context.

    View.of(context).display.size;

    import 'dart:ui';

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(const MaterialApp(home: S3Size()));
}

class S3Size extends StatelessWidget {
  const S3Size({super.key});

  @override
  Widget build(BuildContext context) {
    final screens = PlatformDispatcher.instance.displays;
    final pdFSize = screens.first.size;
    print('PDSize: $pdFSize');

    print(View.of(context).display.size);

    return Scaffold(
      body: Column(
        children: [
          Text("From PlatformDispatcher: $pdFSize"),
          Text("From View: ${View.of(context).display.size}"),
        ],
      ),
    );
  }
}
    Login or Signup to reply.
  2. 0

    Try desktop_window! It should help you.

    import 'package:desktop_window/desktop_window.dart';

Future testWindowFunctions() async {
    Size size = await DesktopWindow.getWindowSize();
    print(size);
    await DesktopWindow.setWindowSize(Size(500,500));

    await DesktopWindow.setMinWindowSize(Size(400,400));
    await DesktopWindow.setMaxWindowSize(Size(800,800));

    await DesktopWindow.resetMaxWindowSize();
    await DesktopWindow.toggleFullScreen();
    bool isFullScreen = await DesktopWindow.getFullScreen();
    await DesktopWindow.setFullScreen(true);
    await DesktopWindow.setFullScreen(false);
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search