[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9104":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},9104,"FlutterUnit","toly1994328\u002FFlutterUnit","toly1994328","All Platform Flutter Experience App ","",null,"Dart",8830,1407,140,71,0,3,10,1,40.45,"GNU General Public License v3.0",false,"master",true,[26,27,28,29,30],"dart","flutter","learning","painting","widget-library","2026-06-12 02:02:02","\u003Ch1 align=\"center\" style=\"border-bottom: none\">\n    \u003Cb>\n        \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\">FlutterUnit\u003C\u002Fa>\u003Cbr>\n    \u003C\u002Fb>\n    ⭐️  全平台 Flutter 探索应用  ⭐️ \u003Cbr>\n\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\nFlutterUnit 是一个全平台体验应用，你可以在这里尽情体验 Flutter 带来的创造力。\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Ftoly1994328\u002FFlutterUnit.svg?style=flat&logo=github&colorB=deeppink&label=stars\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Ftoly1994328\u002FFlutterUnit.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopensource.org\u002Flicenses\u002FGPL-3.0\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-GPL3.0-purple.svg\" alt=\"License: GPL-3.0\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n    \u003Cb> 下载 App: \u003C\u002Fb>\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\u002Freleases\u002Fdownload\u002Fv3.2.0\u002FFlutterUnit.apk\">\u003Cb> [Android] \u003C\u002Fb>\u003C\u002Fa> •\n    \u003Ca href=\"https:\u002F\u002Fapps.apple.com\u002Fcn\u002Fapp\u002Fflutter-unit\u002Fid6450545123\">\u003Cb>[iOS]\u003C\u002Fb>\u003C\u002Fa> •\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\u002Freleases\u002Fdownload\u002Fv3.2.0\u002FFlutterUnit.dmg\">\u003Cb>[MacOS]\u003C\u002Fb>\u003C\u002Fa> •\n    \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\u002Freleases\u002Fdownload\u002Fv3.2.0\u002FFlutterUnit.exe\">\u003Cb>[Windows]\u003C\u002Fb>\u003C\u002Fa> •\n    \u003Ca href=\"http:\u002F\u002Ftoly1994.com\u002Fflutter\u002F\">\u003Cb>[Web]\u003C\u002Fb>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\u003Cimg src=\".\u002Fdoc\u002Fscreens\u002Fpreview.webp\" alt=\"FlutterUnit App\"  \u002F>\u003C\u002Fp>\n\n---\n\n### 环境与构建\n\n#### Flutter 版本\n\n```\n·]>>  flutter --version\nFlutter 3.38.3 • channel stable • https:\u002F\u002Fgithub.com\u002Fflutter\u002Fflutter.git\nFramework • revision 19074d12f7 (9 days ago) • 2025-11-20 17:53:13 -0500\nEngine • hash 8bf2090718fea3655f466049a757f823898f0ad1 (revision 13e658725d) (8 days ago) • 2025-11-20 20:19:23.000Z\nTools • Dart 3.10.1 • DevTools 2.51.1\n```\n\n#### 构建应用\n\n```\n·]>>  git clone https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit.git\n·]>>  cd FlutterUnit\n\nBuild Android:\n·]>>  flutter build apk --release --target-platform android-arm64 --split-per-abi -v\nBuild iOS:\n·]>>  flutter build ios\nBuild Windows:\n·]>>  flutter build windows  \nBuild Linux:\n·]>>  flutter build linux\nBuild web:\n·]>>  flutter build web\n```\n\n#### Flutter Unit 周边\n- 🔥 [免费] [掘金小册 -《Flutter 入门教程》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F7212822723330834487)\n- 🔥  [掘金小册 -《Flutter 语言基础 - 梦始之地》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6844733827617652750)\n- 🔥  [掘金小册 -《Flutter 绘制指南 - 妙笔生花》](https:\u002F\u002Fjuejin.im\u002Fbook\u002F6844733827265331214)\n- 🔥  [掘金小册 -《Flutter 手势探索 - 执掌天下》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6896378716427911181)\n- 🔥  [掘金小册 -《Flutter 动画探索 - 流光幻影》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6965102582473687071)\n- 🔥  [掘金小册 -《Flutter 滑动探索 - 珠联璧合》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6984685333312962573)\n- 🔥  [掘金小册 -《Flutter 布局探索 - 薪火相传》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F7075958265250578469)\n- 🔥  [掘金小册 -《Flutter 渲染机制 - 聚沙成塔》](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6965102582473687071)\n\n---\n\n- [Flutter环境配置](https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\u002Fissues\u002F22)\n- [Flutter实用插件集录 ](https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\u002Fissues\u002F41)\n- [Flutter要点集录 ](https:\u002F\u002Fgithub.com\u002Ftoly1994328\u002FFlutterUnit\u002Flabels\u002Fpoint)\n\n---\n\n#### MacOS 桌面版本组件界面\n\n![](.\u002Fdoc\u002Fscreens\u002Fmacos-2.webp)\n\n#### Windows 桌面版本组件界面\n\n![](.\u002Fdoc\u002Fscreens\u002Fwindows-1.png)\n\n\n> 开源不易，请我喝咖啡 ~\n\n![](.\u002Fdoc\u002Fewm\u002Fcoffee1.png)\n\n\n\n#### Star History\n\n[![Star History Chart](https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=toly1994328\u002FFlutterUnit&type=Date)](https:\u002F\u002Fstar-history.com\u002F#toly1994328\u002FFlutterUnit&Date)\n\n### 一、组件的展示页面\n\n#### 1. `300+组件收录`\n\n> Flutter源码中的可用的组件一共350个左右，纷繁复杂，也没有明确的分类标准\nFlutterUnit 对`大大小小，常用不常用`的组件能收的尽量收录。并`根据个人感觉进行评星 `\n`目前收录组件306个`，每个都有至少一个演示展现和代码展示。\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6acf7b8a1d~tplv-t2oaga2asx-zoom-1.image)|   ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6ad06db455~tplv-t2oaga2asx-image.image)|      ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6ad085632b~tplv-t2oaga2asx-image.image)     |\n\n---\n\n#### 2. 组件详情页\n\n> `213个组件`全部都有详情页。对于重要的组件会详细展现\n一般都会有某个演示对应的组件和属性,尽量做到细致，如果有需要补充，欢迎联系我。\n`最重要的是: 所有的演示展现都是Flutter的组件形成的，而非图片，这就意味着可操作性更高。`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6ad8ba98f1~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6afb3841c4~tplv-t2oaga2asx-image.image)|    ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6afb590185~tplv-t2oaga2asx-image.image) |\n|  ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b0ad26b14~tplv-t2oaga2asx-image.image)  | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b13d3fb5b~tplv-t2oaga2asx-image.image)       |![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b15efec19~tplv-t2oaga2asx-image.image)|\n\n---\n\n#### 3. 组件的可操作性\n\n> 对一些操作交互的组件或有可操作性的某些组件，`提供操作演示`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b177c5b67~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b21cc116a~tplv-t2oaga2asx-image.image)|   ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b2486b5a5~tplv-t2oaga2asx-image.image)|\n|  ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b34887a94~tplv-t2oaga2asx-image.image) | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b3ca09b47~tplv-t2oaga2asx-image.image)      |![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b3d4e0253~tplv-t2oaga2asx-image.image)|\n\n---\n\n#### 4. 相关组件的关联切换\n> `相关组件通过link to 可以进行切换, 满足你的探索欲。`\n如果有的关联未加入，欢迎联系我，对我来说，加个数字就行了。\n\n| . | . | . |\n|------|------------|------------|\n|![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b4a4d6005~tplv-t2oaga2asx-image.image)|![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b5066fbf0~tplv-t2oaga2asx-image.image)|   ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b5359b695~tplv-t2oaga2asx-image.image)|\n\n\n---\n\n#### 5. 代码的查看和分享\n> 激动人心的是，你可以通过右侧的图标`展开\u002F隐藏 实现下面效果的代码`\n并且`支持分享`，如果你想亲自体验，so，easy ! 而且`代码高亮样式可以自定义`。\n\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b6badc1bb~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b6e75653c~tplv-t2oaga2asx-image.image)|   ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b72cdd78f~tplv-t2oaga2asx-image.image)|\n\n---\n\n\n### 二、全局配置\n\n#### 1. 颜色主题\n> 只提供八种颜色，可在`右滑菜单页`的`我的主题`配置,`可以拓展`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c2e937170~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c3253c4ec~tplv-t2oaga2asx-image.image) |    ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c4f97f74d~tplv-t2oaga2asx-image.image) |\n\n---\n\n\n#### 2.字体配置\n\n> 支持全局字体设置,`可以拓展`\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c5448cb6c~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c55542837~tplv-t2oaga2asx-image.image) |   ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c5bec6c56~tplv-t2oaga2asx-image.image)|\n---\n\n\n#### 3.item样式设置\n\n> 支持item样式设置，`可以拓展，支持征集`，详见`Flutter Unit 1.0 征集方案`\n\n| . | . | . |\n|------|------------|------------|\n|![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c7d4b5988~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c8935dfe1~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c8f90d6ec~tplv-t2oaga2asx-image.image)| \n---\n\n#### 4.代码面板风格设置\n\n> 支持代码风格设置，`可以拓展，支持征集`，详见`Flutter Unit 1.0 征集方案`\n\n| . | . |\n|------|------------|\n|![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6cac86d591~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6cac7d5bc7~tplv-t2oaga2asx-image.image)|\n![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6cb75e5450~tplv-t2oaga2asx-image.image)|![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6cd88c7ff9~tplv-t2oaga2asx-image.image)| \n\n---\n\n\n\n### 三、搜索与收藏功能\n\n\n#### 1.搜索功能\n\n> 由于Flutter中Widget比较杂乱，不太好分类，所以搜索是非常重要的\n另外可以根据星级进行过滤，支持多选。目前正在考虑根据功能分类，之后会有所完善。\n\n\n| . | . | . |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c1a355ad3~tplv-t2oaga2asx-image.image)| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c211dfc99~tplv-t2oaga2asx-image.image)|    ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6c28562ec5~tplv-t2oaga2asx-image.image) |\n\n---\n\n#### 2.收藏功能\n\n| 添加收藏集 | 修改收藏集 | 删除收藏集 |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b7979f4ae~tplv-t2oaga2asx-image.image)  | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6b97f00113~tplv-t2oaga2asx-image.image)    | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6ba47f3fd2~tplv-t2oaga2asx-image.image)       | \n\n| 长按右菜单滑页 | 长按左菜单滑页 | 详情内长按展示收藏菜单 |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6beb370b8b~tplv-t2oaga2asx-image.image) |![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6befe43cd2~tplv-t2oaga2asx-image.image)        | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6bfd3cd42f~tplv-t2oaga2asx-image.image)       |\n\n| 删除与数据同步 | 组件加入收藏集 | 收藏集支持多选 |\n|------|------------|------------|\n| ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6ba47ab64c~tplv-t2oaga2asx-image.image)  | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6badf6ee28~tplv-t2oaga2asx-image.image)        | ![](https:\u002F\u002Fp1-jj.byteimg.com\u002Ftos-cn-i-t2oaga2asx\u002Fgold-user-assets\u002F2020\u002F5\u002F3\u002F171dae6bb380c7f5~tplv-t2oaga2asx-image.image)   |\n\n> `FlutterUnit 2.0 `目前基本就是这么多功能，可以在Github中下载打包后的apk玩玩\n希望能对你的Flutter学习有所帮助。\n\n---\n","FlutterUnit 是一个全平台的 Flutter 体验应用，旨在帮助开发者探索和学习 Flutter 框架。它提供了丰富的示例代码、组件库和绘画功能，让用户能够直观地看到不同组件的效果，并且支持在 Android、iOS、MacOS、Windows 以及 Web 上运行。项目采用 Dart 语言编写，遵循 GNU General Public License v3.0 开源协议。该应用特别适合于想要深入了解 Flutter 的开发者，无论是初学者还是有一定经验的用户，都可以通过 FlutterUnit 提升自己的技能并激发创意灵感。",2,"2026-06-11 03:21:14","top_language"]