Flutter3-MacOS：原创flutter3.32+dart3.8+window_manager跨平台os桌面管理

xiaoyan2015 的个人博客 / 24 / 0 / 创建于 2天前

2025爆肝新作flutter3.32+getx+window_manager桌面端仿macOS和windows客户端os系统。

实现技术

编辑器：VScode
框架技术：Flutter3.32+Dart3.8
窗口管理：window_manager^0.5.1
路由/状态管理：get^4.7.2
缓存服务：get_storage^2.1.1
拖拽排序：reorderables^0.6.0
图表组件：fl_chart^1.0.0
托盘管理：system_tray^2.0.3
日历插件：syncfusion_flutter_calendar^30.1.42

项目功能性

支持macos+windows两种桌面风格
经典程序坞Dock菜单(可拖拽排序/二级菜单)
支持自定义json配置桌面菜单和Dock菜单
自研桌面栅格化布局模板
自定义桌面个性化壁纸、全场景毛玻璃虚化UI质感
支持自定义弹窗加载页面组件(支持全屏/拖拽/缩放)

flutter3-macos桌面os系统已经同步到我的原创作品集。
flutter3.32+window_manager桌面端OS管理系统

项目结构框架

flutter-macos桌面模板

return Scaffold(
  key: scaffoldKey,
  body: Obx(() {
    return Container(
      // 背景图主题
      decoration: skinController.skinUrl.isNotEmpty ? BoxDecoration(
        image: DecorationImage(
          image: AssetImage('${skinController.skinUrl}'),
          fit: BoxFit.cover,
        ),
      )
      :
      // 默认渐变色
      BoxDecoration(
        gradient: LinearGradient(
          begin: Alignment.topLeft,
          end: Alignment.bottomRight,
          colors: [Color(0xFF454ED4), Color(0xFFBC40D4)],
        ),
      ),
      child: DragToResizeArea(
        child: Flex(
          direction: Axis.vertical,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // 顶部模块
            widget.header ?? WindowTitlebar(
              onDrawer: () {
                scaffoldKey.currentState?.openEndDrawer();
              },
            ),

            // 桌面模块
            Expanded(
              child: widget.body ?? Container(),
            ),

            // 底部模块
            Container(
              child: widget.footer,
            ),
          ],
        ),
      ),
    );
  }),
);

class _DesktopState extends State<Desktop> {
  SettingController settingController = Get.put(SettingController());

  @override
  Widget build(BuildContext context) {
    return Obx(() {
      final layout = settingController.settingData['dock'];
      return Layout(
        // 桌面菜单
        body: layout == 'macos' ? MacDesktop() : WindowDesktop(),
        // 底部导航
        footer: layout == 'macos' ? MacDock() : WindowDock(),
      );
    });
  }
}

flutter-macos 桌面 os 系统涉及到的知识点还是蛮多的，想要了解更详细的技术实现，可以去看看下面这篇分享文章。
www.cnblogs.com/xiaoyan2017/p/1901...

flutter3-macos flutter3仿macOS flutter3桌面端os flutter3-winos flutter3管理os

本作品采用《CC 协议》，转载必须注明作者和本文链接

本文为原创文章，未经作者允许不得转载，欢迎大家一起交流 QQ（282310962） wx（xy190310）

xiaoyan2015

404 声望

暂无个人描述~

0 人点赞

讨论数量: 0

(=￣ω￣=)··· 暂无内容！

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

Flutter3-MacOS：原创flutter3.32+dart3.8+window_manager跨平台os桌面管理

实现技术

项目功能性

flutter3-macos桌面os系统已经同步到我的原创作品集。

项目结构框架

flutter-macos桌面模板

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

Flutter3-MacOS：原创flutter3.32+dart3.8+window_manager跨平台os桌面管理

实现技术

项目功能性

flutter3-macos桌面os系统已经同步到我的原创作品集。

项目结构框架

flutter-macos桌面模板

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录