如何从为 Windows 构建的 Flutter 应用程序中删除标题栏？

Question

我为 Windows 制作了一个简单的 Flutter 应用程序，当我运行时，它显示 Windows 具有的默认标题栏。我怎样才能删除它？

Answer 1

使用这个包window_manager并执行此操作。

将此行添加到文件顶部：

import 'package:window_manager/window_manager.dart';

然后添加这行代码（该函数没有官方文档）。

void main() async{
  runApp(const MyApp());
  windowManager.waitUntilReadyToShow().then((_) async{
      await windowManager.setAsFrameless();
  });
}

您也可能只想隐藏标题栏，但让按钮可见。这可以按如下方式完成：

await windowManager.setTitleBarStyle(TitleBarStyle.hidden);

Answer 2

使用此包bitsdojo_window执行以下操作：

在您的应用程序文件夹中，转到windows\runner\main.cpp文件开头并添加以下两行：

#include <bitsdojo_window_windows/bitsdojo_window_plugin.h>
auto bdw = bitsdojo_window_configure(BDW_CUSTOM_FRAME | BDW_HIDE_ON_STARTUP);

现在转到lib\main.dart主函数并将其添加到紧随其后的代码中runApp(MyApp());：

void main() {
  runApp(MyApp());

  // Add this code below

  doWhenWindowReady(() {
    appWindow.show();
  });
}

您还可以使用以下内容自定义窗口：

  doWhenWindowReady(() {
    final initialSize = Size(600, 450);
    appWindow.minSize = initialSize;
    appWindow.size = initialSize;
    appWindow.alignment = Alignment.center;
    appWindow.show();
  });

要实现您自己的标题按钮和文本，您可以使用包中的以下方法：

appWindow.title(title);
appWindow.close();
appWindow.maximize();
appWindow.minimize();

您还可以通过将标题栏的属性包含在小部件内来赋予任何小部件（例如拖动和双击以最大化）MoveWindow()。