FlutterDev：定制标题栏

1、隐藏系统标题栏

在使用window_manager之后，会隐藏系统的标题栏，我们无法移动窗口，没有Widnows右上角的三个按钮。

main.dart

void main() async {
  WindowOptions windowOptions = const WindowOptions(
    size: Size(1080, 780), // 基础尺寸
    minimumSize: Size(1080, 780), // 最小尺寸
    center: false,
    backgroundColor: Colors.transparent,
    skipTaskbar: false,
    titleBarStyle: TitleBarStyle.hidden, // 隐藏系统标题栏
  );

  windowManager.waitUntilReadyToShow(windowOptions, () async {
    await windowManager.show();
    await windowManager.focus();
  });
}

2、自定义标题栏

使用下面的代码生成可拖拽区域和三个功能按钮

具体的布局请根据实际情况自定义。
代码生成的三个按钮没有Windows 11的snap layout功能。

Row(
  children: [
      // 拖动区域
      Expanded(
      	child: const DragToMoveArea(
            child: SizedBox(height: 76, width: double.infinity),
          ),
      ),
      SizedBox(
        height: kWindowCaptionHeight,
        width: 138,
          child: WindowCaption(
            brightness: Theme.of(context).brightness,
            backgroundColor: Colors.transparent,
        ),
      )
  ],
),