xiaoyan2015 发表于 2024-3-4 15:02:00

flutter-winchat桌面window聊天实例


flutter3-winchat基于flutter3+dart3+getx+bitsdojo_window+file_picker+media_kit等技术开发桌面端仿微信聊天exe实战项目。实现了聊天消息、通讯录、收藏、朋友圈、短视频、我的等页面模块。

https://image-static.segmentfault.com/224/406/224406227-65e28d394f208_fix732

编辑器:vscode
窗口管理:bitsdojo_window: ^0.1.6
托盘图标:system_tray: ^2.0.3
路由/状态管理:get: ^4.6.6
本地存储:get_storage: ^2.1.1
图片预览插件:photo_view: ^0.14.0
网址预览:url_launcher: ^6.2.4
视频组件:media_kit: ^1.1.10+1
文件选择器:file_picker: ^6.1.1


https://image-static.segmentfault.com/213/190/2131907050-65e28da0975d0

整个项目使用到了上面的一些技术,窗口管理采用的bitsdojo_window插件,不过window_manager这个窗口管理插件也不错,不过相对重量级一些。https://pub-web.flutter-io.cn/packages/bitsdojo_windowhttps://pub-web.flutter-io.cn/packages/window_manager
https://image-static.segmentfault.com/354/351/3543510362-65e28ee15cfb3

https://image-static.segmentfault.com/504/395/504395416-65e28ef8db837_fix732

https://image-static.segmentfault.com/392/872/3928724730-65e28f76a4462_fix732

https://image-static.segmentfault.com/404/689/4046892059-65e28f92f2ab1_fix732

https://image-static.segmentfault.com/370/210/370210031-65e28fae73cc7_fix732

https://image-static.segmentfault.com/423/553/4235530561-65e28fc87b05b_fix732

https://image-static.segmentfault.com/164/816/1648169131-65e29001467ad_fix732

https://image-static.segmentfault.com/184/725/1847256695-65e29025912b4_fix732

https://image-static.segmentfault.com/119/517/1195174563-65e2904d2b32c_fix732

整个项目涵盖的flutter知识点还蛮多的,限于篇幅,不都一一详细介绍了。
希望以上的分享能给大家些许的帮助哈~~

页: [1]
查看完整版本: flutter-winchat桌面window聊天实例