[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9563":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":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":16,"starSnapshotCount":16,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},9563,"FlutterUI","yumi0629\u002FFlutterUI","yumi0629","For help building amazing UI with Flutter.","",null,"Dart",849,198,28,6,0,47.9,false,"master",true,[],"2026-06-12 04:00:45","# flutter_ui\n\n## Stop Updating ！！\n\nFor help building amazing UI with Flutter.\n\n## BottomAppbar\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fbottomappbar\n\n效果图：\n \n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FPreImages\u002Fblob\u002Fmaster\u002Fbottom_appbar.jpg)\n\n## VerificationCodeInput\n\n教程：[Flutter花式玩转TextField，写一个验证码输入框超简单！](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5c26fff86fb9a049d37f2e6b)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fverificationcode\n\n效果图：\n \n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FPreImages\u002Fblob\u002Fmaster\u002Fverification_code.gif)\n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FPreImages\u002Fblob\u002Fmaster\u002Fverification_code.png?raw=true)\n\n## LiquidCheckButton\n\nA button with liquid wave to show download progress.\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fliquidcheck\n\n效果图：\n\n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FPreImages\u002Fblob\u002Fmaster\u002Fliquid_check_button_02.gif?raw=true)\n\n## CircleFloatingMenu\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fcirclefloatingmenu\n\n效果图：\n\n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FCircleFloatingMenu\u002Fblob\u002Fmaster\u002Flib\u002Fcircle_floating_menu.gif?raw=true)\n\n## LikeButton\n\nA LikeButton like Twitter.\n\n教程：[用Flutter实现一个仿Twitter的点赞效果](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5bf01b7d51882516fa638069)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Flikebutton\n\n效果图：\n\n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FLikeButton\u002Fblob\u002Fmaster\u002Flib\u002Flike_button.gif?raw=true)\n\n## SlideDrawer：一个仿QQ侧滑菜单栏控件\n\n教程：[Flutter：手把手教你实现一个仿QQ侧滑菜单的功能](https:\u002F\u002Fwww.jianshu.com\u002Fp\u002F8ef323cb2726)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fslidedrawer\n\n效果图：\n \n![from left](https:\u002F\u002Fgitee.com\u002Fyumi0629\u002FImageAsset\u002Fraw\u002Fmaster\u002Fslide_drawer\u002Fslide01.gif)\n\n## Drag to choose like or dislike\n\n一个仿“探探”的左右滑动选择喜欢\u002F不喜欢的控件\n\n教程：[用Flutter实现一个仿“探探”的左右滑动选择喜欢\u002F不喜欢的效果](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5bd18eea6fb9a05cf67ace2b)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fdraglike\n\n效果图：\n\n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FDragChooseLike\u002Fblob\u002Fmaster\u002Fimages\u002Fdrag_like.gif?raw=true)\n\n## CircleProgressBar\n\n教程：[Flutter：教你用CustomPaint画一个自定义的CircleProgressBar](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5bdc11be518825171140d46d)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fcircleprogressbar\n\n效果图：\n\n![](https:\u002F\u002Fgitee.com\u002Fyumi0629\u002FImageAsset\u002Fraw\u002Fmaster\u002Fcircle_progressbar\u002Fcircle_progress_bar.gif)\n\n## Tip Menu\n\nJust a demo. Not for project use !!!\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Ftipmenu\n\n![](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FPreImages\u002Fblob\u002Fmaster\u002Ftip_menu.gif?raw=true)\n\n## Scrawl & Watermark\n\nA scrawl & adding watermark demo.\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fscrawl\n\n![scrawl](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutter_Scrawl\u002Fblob\u002Fmaster\u002Fpreimages\u002Fscrawl_01.gif?raw=true)\n\n![watermark](https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutter_Scrawl\u002Fblob\u002Fmaster\u002Fpreimages\u002Fscrawl_02.gif?raw=true)\n\n## Hero\n\n教程：[谈一谈Flutter中的共享元素动画Hero](https:\u002F\u002Fwww.jianshu.com\u002Fp\u002Fddb484789883)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fsharedelement\n\n## Slivers\n\n教程：[Flutter：Slivers大家族，让滑动视图的组合变得很简单！](https:\u002F\u002Fwww.jianshu.com\u002Fp\u002F690ddade5d94)\n\ncode：https:\u002F\u002Fgithub.com\u002Fyumi0629\u002FFlutterUI\u002Ftree\u002Fmaster\u002Flib\u002Fsliver\n","FlutterUI 是一个帮助开发者使用 Flutter 构建精美用户界面的项目。该项目提供了多种实用的 UI 组件，如底部导航栏、验证码输入框、液态波浪按钮、圆形浮动菜单、点赞按钮、侧滑菜单等，并且附带了详细的代码示例和实现教程。这些组件均采用 Dart 语言编写，利用 Flutter 框架强大的绘图能力和动画支持来实现各种视觉效果。FlutterUI 适用于需要快速开发高质量移动应用界面的各种场景，特别是对于追求良好用户体验和美观设计的应用来说，是一个非常有价值的资源库。",2,"2026-06-11 03:23:25","top_language"]