{"id":13958963,"url":"https://github.com/toly1994328/FlutterUnit","last_synced_at":"2025-07-21T00:32:41.788Z","repository":{"id":37303389,"uuid":"248628088","full_name":"toly1994328/FlutterUnit","owner":"toly1994328","description":"All Platform Flutter Experience App ","archived":false,"fork":false,"pushed_at":"2025-06-28T06:30:56.000Z","size":44944,"stargazers_count":8447,"open_issues_count":62,"forks_count":1359,"subscribers_count":144,"default_branch":"master","last_synced_at":"2025-06-28T07:32:31.934Z","etag":null,"topics":["dart","flutter","learning","painting","widget-library"],"latest_commit_sha":null,"homepage":"","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/toly1994328.png","metadata":{"files":{"readme":"README-EN.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2020-03-19T23:47:07.000Z","updated_at":"2025-06-28T06:31:07.000Z","dependencies_parsed_at":"2024-01-14T04:58:14.818Z","dependency_job_id":"27437165-3c06-4da0-9267-1f6a4d5065c2","html_url":"https://github.com/toly1994328/FlutterUnit","commit_stats":{"total_commits":385,"total_committers":4,"mean_commits":96.25,"dds":0.007792207792207795,"last_synced_commit":"0f3968322f92b461a198b1f57e93cb367907798d"},"previous_names":[],"tags_count":8,"template":false,"template_full_name":null,"purl":"pkg:github/toly1994328/FlutterUnit","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toly1994328%2FFlutterUnit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toly1994328%2FFlutterUnit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toly1994328%2FFlutterUnit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toly1994328%2FFlutterUnit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/toly1994328","download_url":"https://codeload.github.com/toly1994328/FlutterUnit/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/toly1994328%2FFlutterUnit/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266221324,"owners_count":23894966,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dart","flutter","learning","painting","widget-library"],"created_at":"2024-08-08T13:02:14.790Z","updated_at":"2025-07-21T00:32:36.778Z","avatar_url":"https://github.com/toly1994328.png","language":"Dart","readme":"\u003ch1 align=\"center\" style=\"border-bottom: none\"\u003e\n    \u003cb\u003e\n        \u003ca href=\"https://github.com/toly1994328/FlutterUnit\"\u003eFlutterUnit🔖\u003c/a\u003e\u003cbr\u003e\n    \u003c/b\u003e\n    ⭐️  All Platform Flutter Experience App  ⭐️ \u003cbr\u003e\n\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\nFlutterUnit is a cross-platform experience app, Here, you can fully explore the creativity that Flutter offers.\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://github.com/AppFlowy-IO/appflowy\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/toly1994328/FlutterUnit.svg?style=flat\u0026logo=github\u0026colorB=deeppink\u0026label=stars\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/AppFlowy-IO/appflowy\"\u003e\u003cimg src=\"https://img.shields.io/github/forks/toly1994328/FlutterUnit.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opensource.org/licenses/GPL-3.0\"\u003e\u003cimg src=\"https://img.shields.io/badge/license-GPL-purple.svg\" alt=\"License: GPL-3.0\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n    \u003cb\u003e Download v3.0.0 : \u003c/b\u003e\n    \u003ca href=\"https://github.com/toly1994328/FlutterUnit/releases/download/v3.0.0/FlutterUnit.apk\"\u003e\u003cb\u003e [Android] \u003c/b\u003e\u003c/a\u003e •\n    \u003ca href=\"https://apps.apple.com/cn/app/flutter-unit/id6450545123\"\u003e\u003cb\u003e[iOS]\u003c/b\u003e\u003c/a\u003e •\n    \u003ca href=\"https://github.com/toly1994328/FlutterUnit/releases/download/v3.0.0/FlutterUnitMac.zip\"\u003e\u003cb\u003e[MacOS]\u003c/b\u003e\u003c/a\u003e •\n    \u003ca href=\"https://github.com/toly1994328/FlutterUnit/releases/download/v3.0.0/FlutterUnitWin.zip\"\u003e\u003cb\u003e[Windows]\u003c/b\u003e\u003c/a\u003e •\n    \u003ca href=\"http://toly1994.com/flutter/\"\u003e\u003cb\u003e[Web]\u003c/b\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\u003cimg src=\"./doc/screens/preview.webp\" alt=\"FlutterUnit App\"  /\u003e\u003c/p\u003e\n\n---\n\n\n### Env and Build\n\n#### Flutter Version\n\n```\nFlutter 3.24.0 • channel stable • https://github.com/flutter/flutter.git\nFramework • revision 5dcb86f68f (7 days ago) • 2024-05-09 07:39:20 -0500\nEngine • revision f6344b75dc\nTools • Dart 3.4.0 • DevTools 2.34.3\n```\n\n#### Build Application\n\n```\n·]\u003e\u003e  git clone https://github.com/toly1994328/FlutterUnit.git\n·]\u003e\u003e  cd FlutterUnit\n\nBuild Android:\n·]\u003e\u003e  flutter build apk --target-platform --split-per-abi\nBuild iOS:\n·]\u003e\u003e  flutter build ios\nBuild Windows:\n·]\u003e\u003e  flutter build windows  \nBuild Linux:\n·]\u003e\u003e  flutter build linux\nBuild web:\n·]\u003e\u003e  flutter build web\n```\n\n\n#### My Flutter Books \n- 🔥 [免费] [掘金小册 -《Flutter 入门教程》](https://juejin.cn/book/7212822723330834487)\n- 🔥  [掘金小册 -《Flutter 语言基础 - 梦始之地》](https://juejin.cn/book/6844733827617652750)\n- 🔥  [掘金小册 -《Flutter 绘制指南 - 妙笔生花》](https://juejin.im/book/6844733827265331214)\n- 🔥  [掘金小册 -《Flutter 手势探索 - 执掌天下》](https://juejin.cn/book/6896378716427911181)\n- 🔥  [掘金小册 -《Flutter 动画探索 - 流光幻影》](https://juejin.cn/book/6965102582473687071)\n- 🔥  [掘金小册 -《Flutter 滑动探索 - 珠联璧合》](https://juejin.cn/book/6984685333312962573)\n- 🔥  [掘金小册 -《Flutter 布局探索 - 薪火相传》](https://juejin.cn/book/7075958265250578469)\n- 🔥  [掘金小册 -《Flutter 渲染机制 - 聚沙成塔》](https://juejin.cn/book/6965102582473687071)\n\n---\n\n- [Flutter环境配置](https://github.com/toly1994328/FlutterUnit/issues/22)\n- [Flutter实用插件集录 ](https://github.com/toly1994328/FlutterUnit/issues/41)\n- [Flutter要点集录 ](https://github.com/toly1994328/FlutterUnit/labels/point)\n\n\n---\n\n\n#### MacOS 桌面版本组件界面\n\n![](./doc/screens/macos-2.webp)\n\n#### Windows 桌面版本组件界面\n\n![](./doc/screens/windows-1.png)\n\n\n\u003e 开源不易，请我喝咖啡 ~\n\n![](./doc/ewm/coffee1.png)\n\n\n\n#### Star History\n\n[![Star History Chart](https://api.star-history.com/svg?repos=toly1994328/FlutterUnit\u0026type=Date)](https://star-history.com/#toly1994328/FlutterUnit\u0026Date)\n\n### 一、组件的展示页面\n\n#### 1. `300+组件收录`\n\n\u003e Flutter源码中的可用的组件一共350个左右，纷繁复杂，也没有明确的分类标准\nFlutterUnit 对`大大小小，常用不常用`的组件能收的尽量收录。并`根据个人感觉进行评星 `\n`目前收录组件306个`，每个都有至少一个演示展现和代码展示。\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6acf7b8a1d~tplv-t2oaga2asx-zoom-1.image)|   ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ad06db455~tplv-t2oaga2asx-image.image)|      ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ad085632b~tplv-t2oaga2asx-image.image)     |\n\n---\n\n#### 2. 组件详情页\n\n\u003e `213个组件`全部都有详情页。对于重要的组件会详细展现\n一般都会有某个演示对应的组件和属性,尽量做到细致，如果有需要补充，欢迎联系我。\n`最重要的是: 所有的演示展现都是Flutter的组件形成的，而非图片，这就意味着可操作性更高。`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ad8ba98f1~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6afb3841c4~tplv-t2oaga2asx-image.image)|    ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6afb590185~tplv-t2oaga2asx-image.image) |\n|  ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b0ad26b14~tplv-t2oaga2asx-image.image)  | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b13d3fb5b~tplv-t2oaga2asx-image.image)       |![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b15efec19~tplv-t2oaga2asx-image.image)|\n\n---\n\n#### 3. 组件的可操作性\n\n\u003e 对一些操作交互的组件或有可操作性的某些组件，`提供操作演示`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b177c5b67~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b21cc116a~tplv-t2oaga2asx-image.image)|   ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b2486b5a5~tplv-t2oaga2asx-image.image)|\n|  ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b34887a94~tplv-t2oaga2asx-image.image) | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b3ca09b47~tplv-t2oaga2asx-image.image)      |![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b3d4e0253~tplv-t2oaga2asx-image.image)|\n\n---\n\n#### 4. 相关组件的关联切换\n\u003e `相关组件通过link to 可以进行切换, 满足你的探索欲。`\n如果有的关联未加入，欢迎联系我，对我来说，加个数字就行了。\n\n| . | . | . |\n|------|------------|------------|\n|![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b4a4d6005~tplv-t2oaga2asx-image.image)|![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b5066fbf0~tplv-t2oaga2asx-image.image)|   ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b5359b695~tplv-t2oaga2asx-image.image)|\n\n\n---\n\n#### 5. 代码的查看和分享\n\u003e 激动人心的是，你可以通过右侧的图标`展开/隐藏 实现下面效果的代码`\n并且`支持分享`，如果你想亲自体验，so，easy ! 而且`代码高亮样式可以自定义`。\n\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b6badc1bb~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b6e75653c~tplv-t2oaga2asx-image.image)|   ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b72cdd78f~tplv-t2oaga2asx-image.image)|\n\n---\n\n\n### 二、全局配置\n\n#### 1. 颜色主题\n\u003e 只提供八种颜色，可在`右滑菜单页`的`我的主题`配置,`可以拓展`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c2e937170~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c3253c4ec~tplv-t2oaga2asx-image.image) |    ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c4f97f74d~tplv-t2oaga2asx-image.image) |\n\n---\n\n\n#### 2.字体配置\n\n\u003e 支持全局字体设置,`可以拓展`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c5448cb6c~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c55542837~tplv-t2oaga2asx-image.image) |   ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c5bec6c56~tplv-t2oaga2asx-image.image)|\n---\n\n\n#### 3.item样式设置\n\n\u003e 支持item样式设置，`可以拓展，支持征集`，详见`Flutter Unit 1.0 征集方案`\n\n| . | . | . |\n|------|------------|------------|\n|![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c7d4b5988~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c8935dfe1~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c8f90d6ec~tplv-t2oaga2asx-image.image)| \n---\n\n#### 4.代码面板风格设置\n\n\u003e 支持代码风格设置，`可以拓展，支持征集`，详见`Flutter Unit 1.0 征集方案`\n\n| . | . |\n|------|------------|\n|![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cac86d591~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cac7d5bc7~tplv-t2oaga2asx-image.image)|\n![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cb75e5450~tplv-t2oaga2asx-image.image)|![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6cd88c7ff9~tplv-t2oaga2asx-image.image)| \n\n---\n\n\n\n### 三、搜索与收藏功能\n\n\n#### 1.搜索功能\n\n\u003e 由于Flutter中Widget比较杂乱，不太好分类，所以搜索是非常重要的\n另外可以根据星级进行过滤，支持多选。目前正在考虑根据功能分类，之后会有所完善。\n\n\n| . | . | . |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c1a355ad3~tplv-t2oaga2asx-image.image)| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c211dfc99~tplv-t2oaga2asx-image.image)|    ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6c28562ec5~tplv-t2oaga2asx-image.image) |\n\n---\n\n#### 2.收藏功能\n\n| 添加收藏集 | 修改收藏集 | 删除收藏集 |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b7979f4ae~tplv-t2oaga2asx-image.image)  | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6b97f00113~tplv-t2oaga2asx-image.image)    | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ba47f3fd2~tplv-t2oaga2asx-image.image)       | \n\n| 长按右菜单滑页 | 长按左菜单滑页 | 详情内长按展示收藏菜单 |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6beb370b8b~tplv-t2oaga2asx-image.image) |![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6befe43cd2~tplv-t2oaga2asx-image.image)        | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6bfd3cd42f~tplv-t2oaga2asx-image.image)       |\n\n| 删除与数据同步 | 组件加入收藏集 | 收藏集支持多选 |\n|------|------------|------------|\n| ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6ba47ab64c~tplv-t2oaga2asx-image.image)  | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6badf6ee28~tplv-t2oaga2asx-image.image)        | ![](https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/5/3/171dae6bb380c7f5~tplv-t2oaga2asx-image.image)   |\n\n\u003e `FlutterUnit 2.0 `目前基本就是这么多功能，可以在Github中下载打包后的apk玩玩\n希望能对你的Flutter学习有所帮助。\n\n---\n","funding_links":[],"categories":["Dart","Flutter 程序"],"sub_categories":["网络服务_其他"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoly1994328%2FFlutterUnit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftoly1994328%2FFlutterUnit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftoly1994328%2FFlutterUnit/lists"}