[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9166":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":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":31,"readmeContent":32,"aiSummary":33,"trendingCount":16,"starSnapshotCount":16,"syncStatus":34,"lastSyncTime":35,"discoverSource":36},9166,"gsy_flutter_demo","CarGuo\u002Fgsy_flutter_demo","CarGuo","Flutter 不同于 GSYGithubAppFlutter 完整项目，本项目将逐步完善各种 Flutter 独立例子，方便新手学习上手和小问题方案解决。  目前开始逐步补全完善，主要提供一些有用或者有趣的例子，如果你也有好例子，欢迎提交 PR 。","https:\u002F\u002Fjuejin.im\u002Fuser\u002F582aca2ba22b9d006b59ae68\u002Fposts",null,"Dart",3402,538,51,7,0,1,6,30.19,"MIT License",false,"master",true,[25,26,27,28,29,30],"flutter","flutter-demo","flutter-examples","flutter-plugin","flutter-ui","flutter-widget","2026-06-12 02:02:03","![](docs\u002Fimages\u002Flogo.png)\n\n# GSY Flutter Demo\n\n### [English Document](README_EN.md)\n\n### 不同于 [GSYGithubAppFlutter](https:\u002F\u002Fgithub.com\u002FCarGuo\u002FGSYGithubAppFlutter) 项目，本项目将逐步完善各种 Flutter 独立例子，方便新手学习上手。\n\n[![Github Actions](https:\u002F\u002Fgithub.com\u002FCarGuo\u002Fgsy_flutter_demo\u002Fworkflows\u002FCI\u002Fbadge.svg)](https:\u002F\u002Fgithub.com\u002FCarGuo\u002Fgsy_flutter_demo\u002Factions)\n\n\n\n## 相关文章\n\n- ## [Flutter系列文章专栏](https:\u002F\u002Fjuejin.cn\u002Fcolumn\u002F6960546078202527774)\n\n----\n\n- ### 同款 Flutter 完整项目版本 （ https:\u002F\u002Fgithub.com\u002FCarGuo\u002Fgsy_github_app_flutter ）\n* ### 同款 Android Compose 版本（ https:\u002F\u002Fgithub.com\u002FCarGuo\u002FGSYGithubAppCompose ）\n* ### 同款 React Native 版 （ https:\u002F\u002Fgithub.com\u002FCarGuo\u002FGSYGithubApp ）\n* ### 同款 Android Kotlin View 版本（ https:\u002F\u002Fgithub.com\u002FCarGuo\u002FGSYGithubAppKotlin ）\n* ### 同款 Weex 版 （ https:\u002F\u002Fgithub.com\u002FCarGuo\u002FGSYGithubAppWeex ）\n\n- ## [Flutter 完整开发实战详解 Gitbook 预览下载](https:\u002F\u002Fgithub.com\u002FCarGuo\u002Fgsy_flutter_book)\n\n\n\n### [Web 版在线测试](https:\u002F\u002Fguoshuyu.cn\u002Fhome\u002Fweb\u002F#\u002F)\n### [APK 下载](https:\u002F\u002Fgithub.com\u002FCarGuo\u002Fgsy_flutter_demo\u002Freleases)\n\n> 目前开始逐步补全完善，主要提供一些有用或者有趣的例子，如果你也有好例子，欢迎提交 PR 。\n>\n> **运行须知：配置好Flutter开发环境(目前Flutter SDK 版本 *3.35* 以上版本)。**\n>\n> **[如果克隆太慢或者图片看不到，可尝试从码云地址下载](https:\u002F\u002Fgitee.com\u002FCarGuo\u002FGSYFlutterDemo)**\n\n| 公众号   | 掘金     |  知乎    |  CSDN   |   简书   \n|---------|---------|--------- |---------|---------|\n| GSYTech  |  [点我](https:\u002F\u002Fjuejin.im\u002Fuser\u002F582aca2ba22b9d006b59ae68\u002Fposts)    |   [点我](https:\u002F\u002Fwww.zhihu.com\u002Fpeople\u002Fcarguo)       |   [点我](https:\u002F\u002Fblog.csdn.net\u002FZuoYueLiang)  |   [点我](https:\u002F\u002Fwww.jianshu.com\u002Fu\u002F6e613846e1ea)  \n\n\n|                              |                  |                  |                  |                  |\n|------------------------------|------------------|------------------|------------------|------------------|\n| ![](docs\u002Fimages\u002Fdemo1.gif)   | ![](docs\u002Fimages\u002Fdemo2.webp)  | ![](docs\u002Fimages\u002Fdemo3.webp)  | ![](docs\u002Fimages\u002Fdemo4.webp)  | ![](docs\u002Fimages\u002Fdemo5.webp)  |\n| ![](docs\u002Fimages\u002Fdemo6.webp)  | ![](docs\u002Fimages\u002Fdemo7.webp)  | ![](docs\u002Fimages\u002Fdemo8.webp)  | ![](docs\u002Fimages\u002Fdemo9.webp)  | ![](docs\u002Fimages\u002Fdemo10.webp) |\n| ![](docs\u002Fimages\u002Fdemo11.webp) | ![](docs\u002Fimages\u002Fdemo12.webp) | ![](docs\u002Fimages\u002Fdemo13.webp) | ![](docs\u002Fimages\u002Fdemo14.webp) | ![](docs\u002Fimages\u002Fdemo15.webp) |\n| ![](docs\u002Fimages\u002Fdemo16.webp) | ![](docs\u002Fimages\u002Fdemo17.webp) | ![](docs\u002Fimages\u002Fdemo18.webp) | ![](docs\u002Fimages\u002Fdemo19.webp) | ![](docs\u002Fimages\u002Fdemo20.gif)  |\n| ![](docs\u002Fimages\u002Fdemo21.webp) |  | |  |  |\n\n\n![](docs\u002Fimages\u002Fdemo.jpg)\n\n### demoRoutes（按分类表格）\n\n#### 基础控件（39）\n\n| # | 名称 | 页面文件 |\n|---|---|---|\n| 1 | 文本输入框简单的 Controller | `widget\u002Fbasic\u002Fcontroller_demo_page.dart` |\n| 2 | 实现控件圆角不同组合 | `widget\u002Fbasic\u002Fclip_demo_page.dart` |\n| 6 | 展示渐变带边框的文本 | `widget\u002Fbasic\u002Fgradient_text_demo_page.dart` |\n| 7 | Transform 效果展示 | `widget\u002Fbasic\u002Ftransform_demo_page.dart` |\n| 8 | 计算另类文本行间距展示 | `widget\u002Fbasic\u002Ftext_line_height_demo_page.dart` |\n| 9 | 简单上下刷新 | `widget\u002Fbasic\u002Frefresh_demo_page.dart` |\n| 10 | 简单上下刷新2 | `widget\u002Fbasic\u002Frefresh_demo_page2.dart` |\n| 11 | 简单上下刷新3 | `widget\u002Fscroll\u002Fcustom_pull\u002Frefresh_demo_page3.dart` |\n| 12 | 通过绝对定位布局 | `widget\u002Fbasic\u002Fpositioned_demo_page.dart` |\n| 13 | 气泡提示框 | `widget\u002Fbasic\u002Fbubble\u002Fbubble_demo_page.dart` |\n| 14 | Tag效果展示 | `widget\u002Fbasic\u002Ftag_demo_page.dart` |\n| 15 | 共享元素跳转效果 | `widget\u002Fbasic\u002Fhonor_demo_page.dart` |\n| 17 | warpContent实现 | `widget\u002Fbasic\u002Fwrap_content_page.dart` |\n| 18 | 状态栏颜色修改（仅 App） | `widget\u002Fbasic\u002Fstatusbar_demo_page.dart` |\n| 19 | 键盘弹出与监听（仅 App） | `widget\u002Fbasic\u002Fkeyboard_demo_page.dart` |\n| 22 | 全局悬浮按键效果 | `widget\u002Fbasic\u002Ffloating_touch_demo_page.dart` |\n| 23 | 全局设置字体大小 | `widget\u002Fbasic\u002Ftext_size_demo_page.dart` |\n| 24 | 旧版实现富文本 | `widget\u002Fbasic\u002Frich_text_demo_page.dart` |\n| 25 | 官方实现富文本 | `widget\u002Fbasic\u002Frich_text_demo_page2.dart` |\n| 28 | 验证码输入框 | `widget\u002Fbasic\u002Fverification_code_input_demo_page.dart` |\n| 29 | 验证码输入框2 | `widget\u002Fbasic\u002Fverification_code_input_demo_page2.dart` |\n| 30 | 自定义布局展示效果 | `widget\u002Fbasic\u002Fcustom_multi_render_demo_page.dart` |\n| 31 | 自定义布局实现云词图展示 | `widget\u002Fbasic\u002Fcloud\u002Fcloud_demo_page.dart` |\n| 35 | 键盘顶起展示（仅 App） | `widget\u002Fbasic\u002Finput_bottom_demo_page.dart` |\n| 42 | 下弹筛选展示效果 | `widget\u002Fbasic\u002Fdrop_select_menu\u002Fdrop_select_demo_page.dart` |\n| 48 | 使用 overflow 处理图片 | `widget\u002Fbasic\u002Foverflow_image_page.dart` |\n| 49 | 展示 Align 排布控件 | `widget\u002Fbasic\u002Falign_demo_page.dart` |\n| 50 | 通过不同尺寸计算方式展示比例 | `widget\u002Fbasic\u002Fcard_item_page.dart` |\n| 59 | 一个有趣的圆形选择器 | `widget\u002Fbasic\u002Fbottom_anim_nav_page.dart` |\n| 60 | 一个类似探探堆叠卡片例子 | `widget\u002Fbasic\u002Findex_stack_drag_card_demo_page.dart` |\n| 61 | 一个类似探探堆叠卡片例子2 | `widget\u002Fbasic\u002Findex_stack_drag_card_demo_page2.dart` |\n| 70 | 彩色进度条 | `widget\u002Fbasic\u002Fcolor_progress_demo_page.dart` |\n| 72 | 首尾添加数据不会抖动 | `widget\u002Fbasic\u002Fchat_list_scroll_demo_page.dart` |\n| 73 | 首尾添加数据不会抖动2 | `widget\u002Fbasic\u002Fchat_list_scroll_demo_page_2.dart` |\n| 74 | 测试路由嵌套 | `widget\u002Fbasic\u002Froute_demo_page.dart` |\n| 89 | png shadow | `widget\u002Fbasic\u002Fpng_shadow_demo_page.dart` |\n| 93 | 异步调用的顺序执行 | `widget\u002Fbasic\u002Fasync_to_sync_call_page.dart` |\n| 110 | Black hole | `widget\u002Fvisual\u002Fblack_hole_simulation_page.dart` |\n| 114 | 破坏杀·罗针 | `widget\u002Fbasic\u002Fakaza_page.dart` |\n\n#### 列表滚动（31）\n\n| # | 名称 | 页面文件 |\n|---|---|---|\n| 3 | 列表滑动监听 | `widget\u002Fscroll\u002Fscroll_listener_demo_page.dart` |\n| 4 | 滑动到指定位置 | `widget\u002Fscroll\u002Fscroll_to_index_demo_page.dart` |\n| 5 | 滑动到指定位置2 | `widget\u002Fscroll\u002Fscroll_to_index_demo_page2.dart` |\n| 16 | 滑动验证 | `widget\u002Fscroll\u002Fslider_verify_page.dart` |\n| 26 | 第三方 viewpager 封装实现 | `widget\u002Fscroll\u002Fviewpager_demo_page.dart` |\n| 27 | 列表滑动过程控件停靠效果 | `widget\u002Fscroll\u002Fsliver_list_demo_page.dart` |\n| 32 | 列表滑动停靠 （Stick） | `widget\u002Fscroll\u002Fstick\u002Fstick_demo_page.dart` |\n| 33 | 列表滑动停靠 （Stick）+ 展开收回 | `widget\u002Fscroll\u002Fstick\u002Fstick_demo_page2.dart` |\n| 34 | 列表滑动停靠效果2 （Stick | `widget\u002Fscroll\u002Fsliver_stick_demo_page.dart` |\n| 40 | 列表滑动过程 item 停靠动画效果 | `widget\u002Fscroll\u002Flist_anim\u002Flist_anim_demo_page.dart` |\n| 41 | 列表滑动过程 item 停靠动画效果2 | `widget\u002Fscroll\u002Flist_anim_2\u002Flist_anim_demo_page.dart` |\n| 44 | 强大的自定义滑动与停靠结合展示 | `widget\u002Fscroll\u002Fcustom_sliver\u002Fscroll_header_demo_page.dart` |\n| 45 | 自定义列表内sliver渲染顺序 | `widget\u002Fscroll\u002Fcustom_viewport\u002Fcustom_viewport_page.dart` |\n| 47 | 列表停靠展开+回到当前头部 | `widget\u002Fscroll\u002Fstick_sliver_list_demo_page.dart` |\n| 51 | 多列表+顶部Tab效果展示 | `widget\u002Fscroll\u002Fsliver_tab_demo_page.dart` |\n| 52 | 多列表+顶部Tab效果展示2 | `widget\u002Fscroll\u002Fsliver_tab_demo_page2.dart` |\n| 53 | 多列表+顶部Tab效果展示3 | `widget\u002Fscroll\u002Fsliver_tab\u002Fsliver_tab_demo_page3.dart` |\n| 58 | 一个有趣的底部跟随和停靠例子 | `widget\u002Fscroll\u002Fscroll_inner_content_demo_page.dart` |\n| 68 | 类似 boss 直聘我的页面联动效果 | `widget\u002Fscroll\u002Flink_sliver\u002Flink_sliver_demo_page.dart` |\n| 77 | ListView 嵌套 ViewPager 解决斜着滑动问题 | `widget\u002Fscroll\u002Fvp_list_demo_page.dart` |\n| 78 | 垂直  ViewPager 嵌套垂直 ListView  | `widget\u002Fscroll\u002Fvp_list_demo_page.dart` |\n| 79 | 垂直  ListView 嵌套垂直  ViewPager | `widget\u002Fscroll\u002Fvp_list_demo_page.dart` |\n| 80 | 垂直  ListView 联动  ListView | `widget\u002Fscroll\u002Fvp_list_demo_page.dart` |\n| 91 | 列表联动 BottomSheet 效果 | `widget\u002Fscroll\u002Flist_link_bottomsheet_demo_page.dart` |\n| 92 | DraggableSheet 的 stick 效果 | `widget\u002Fscroll\u002Fdemo_draggable_sheet_stick_page.dart` |\n| 94 | 点击爆炸的五角星（ChatGPT 生成代码） | `widget\u002Fscroll\u002Fstar_bomb_button_page.dart` |\n| 97 | 自适应横竖列表 | `widget\u002Fscroll\u002Funbounded_listview.dart` |\n| 98 | PageView嵌套PageView | `widget\u002Fscroll\u002Fpageview_in_pageview_demo_page.dart` |\n| 100 | link scroll | `widget\u002Fscroll\u002Flink_scroll_page.dart` |\n| 115 | 骚气滑动列表 | `widget\u002Fscroll\u002Ftornado_scroll_demo.dart` |\n| 121 | Shock Wave Chat | `widget\u002Fscroll\u002Fshock_wave_chat_page.dart` |\n\n#### 动画交互（24）\n\n| # | 名称 | 页面文件 |\n|---|---|---|\n| 20 | 控件动画组合展示（旋转加放大圆） | `widget\u002Fanimation\u002Fanima_demo_page.dart` |\n| 21 | 控件展开动画效果 | `widget\u002Fanimation\u002Fanima_demo_page2.dart` |\n| 37 | 控件动画变形效果 | `widget\u002Fanimation\u002Fanimation_container_demo_page.dart` |\n| 39 | 按键切换动画效果 | `widget\u002Fanimation\u002Fanima_demo_page4.dart` |\n| 43 | 文本弹出动画效果 | `widget\u002Fanimation\u002Fanima_demo_page5.dart` |\n| 46 | 点击弹出动画提示 | `widget\u002Fanimation\u002Fanim_tip_demo_page.dart` |\n| 54 | 仿真书本翻页动画（仅APP） | `widget\u002Fanimation\u002Fbook_page\u002Fbook_page.dart` |\n| 55 | 粒子动画效果 | `widget\u002Fanimation\u002Fparticle\u002Fparticle_page.dart` |\n| 56 | 动画背景效果 | `widget\u002Fanimation\u002Fanim_bg_demo_page.dart` |\n| 62 | 动画按键例子 | `widget\u002Fanimation\u002Fanim_button\u002Fanim_button_demo_page.dart` |\n| 63 | 类似QQ发送图片的动画 | `widget\u002Fanimation\u002Fanim_progress_img_demo_page.dart` |\n| 64 | 类似探探扫描的动画效果 | `widget\u002Fanimation\u002Fanim_scan_demo_page.dart` |\n| 65 | 圆弧形的 SeekBar（仅APP） | `widget\u002Fanimation\u002Farc_seek_bar_demo_page.dart` |\n| 66 | 一个国外友人很惊艳的动画效果 | `widget\u002Fanimation\u002Fanim_bubble_gum.dart` |\n| 71 | 第三方的动画字体 | `widget\u002Fanimation\u002Fanim_text_demo_page.dart` |\n| 76 | 控件动画切换效果 | `widget\u002Fanimation\u002Fanim_switch_layout_demo_page.dart` |\n| 96 | 有趣的文本撕裂动画 | `widget\u002Fanimation\u002Ftear_text_demo_page.dart` |\n| 104 | 粒子动画 | `widget\u002Fanimation\u002Fattractor_page.dart` |\n| 105 | 斐波那契球体动画 | `widget\u002Fanimation\u002Ffibonacci_sphere_page.dart` |\n| 107 | 霓虹滑块，100%高亮 | `widget\u002Fanimation\u002Fneon_slider_page.dart` |\n| 109 | 炫酷爆炸粒子 | `widget\u002Fanimation\u002Fboom_particle_page.dart` |\n| 116 | 骚气粒子效果 | `widget\u002Fanimation\u002Fparticle_morphing_page.dart` |\n| 117 | 炫酷圣诞树 | `widget\u002Fanimation\u002Fcombined_scene_page.dart` |\n| 122 | Particle Effect | `widget\u002Fanimation\u002Fparticle_effect_screen.dart` |\n\n#### 绘制与Shader（15）\n\n| # | 名称 | 页面文件 |\n|---|---|---|\n| 36 | Blur 高斯模糊效果 | `widget\u002Fcanvas\u002Fblur_demo_page.dart` |\n| 38 | 时钟动画绘制展示 | `widget\u002Fcanvas\u002Ftick_click_demo_page.dart` |\n| 57 | 手势效果 | `widget\u002Fcanvas\u002Fmatrix_custom_painter_page.dart` |\n| 67 | 纯 Canvas 绘制闹钟 | `widget\u002Fcanvas\u002Fcanvas_click_demo_page.dart` |\n| 69 | 结合 Matrix 的拖拽 | `widget\u002Fcanvas\u002Fdrag_img_demo_page.dart` |\n| 75 | 测试 canvas 阴影 | `widget\u002Fcanvas\u002Fshader_canvas_demo_page.dart` |\n| 85 | 展示 canvas transform | `widget\u002Fcanvas\u002Ftransform_canvas_demo_page.dart` |\n| 90 | path 路径 png 效果 | `widget\u002Fcanvas\u002Fcustom_shader_path_demo_page.dart` |\n| 99 | 手势密码 | `widget\u002Fbasic\u002Fgesture_password\u002Fgesture_password_demo_page.dart` |\n| 101 | glass | `widget\u002Fcanvas\u002Fglass_demo_page.dart` |\n| 102 | liquid glass | `widget\u002Fcanvas\u002Fliquid_glass_demo.dart` |\n| 103 | liquid glass 2 | `widget\u002Fcanvas\u002Fliquid_glass_demo2.dart` |\n| 108 | Radial lines | `widget\u002Fcanvas\u002Fradial_lines_page.dart` |\n| 125 | Jaw Control | `widget\u002Fcanvas\u002Fdynamic_jaw_control_page.dart` |\n| 126 | Fire Shader | `widget\u002Fcanvas\u002Ffire_shader_demo_page.dart` |\n\n#### 3D与视觉（17）\n\n| # | 名称 | 页面文件 |\n|---|---|---|\n| 81 | 3D 透视卡片 | `widget\u002Fvisual\u002Fcard_perspective_demo_page.dart` |\n| 82 | 3D 卡片旋转 | `widget\u002Fvisual\u002Fcard_3d_demo_page.dart` |\n| 83 | 硬核 3D 卡片旋转 | `widget\u002Fvisual\u002Fcard_real_3d_demo_page.dart` |\n| 84 | 3D Dash | `widget\u002Fvisual\u002Fdash_3d_demo_page.dart` |\n| 86 | rive 掘金 logo | `widget\u002Fvisual\u002Fanim_juejin_logo_demo_page.dart` |\n| 87 | 掘金 3d logo | `widget\u002Fvisual\u002Fjuejin_3d_logo_demo_page.dart` |\n| 88 | 掘金更 3d logo | `widget\u002Fvisual\u002Fjuejin_3d_box_logo_demo_page.dart` |\n| 95 | 有趣画廊 | `widget\u002Fvisual\u002Fphoto_gallery_demo_page.dart` |\n| 106 | 星云动画 | `widget\u002Fvisual\u002Fgalaxy_scene_page.dart` |\n| 111 | 流体太极 | `widget\u002Fvisual\u002Fstream_taichi_page.dart` |\n| 112 | 黑洞流体 | `widget\u002Fvisual\u002Fblack_hole_page.dart` |\n| 113 | 太极粒子 | `widget\u002Fvisual\u002Ftaichi_page.dart` |\n| 118 | 炫酷二维码 | `widget\u002Fvisual\u002Fnotion_qrcode_page.dart` |\n| 119 | Cool Disco Sphere | `widget\u002Fvisual\u002Fdisco_sphere_page.dart` |\n| 120 | Cool Spatial Grid | `widget\u002Fvisual\u002Fspatial_grid_page.dart` |\n| 123 | Mosaic Scanner  | `widget\u002Fvisual\u002Fmosaic_scanner_page.dart` |\n| 124 | Koi Fish | `widget\u002Fvisual\u002Fkoi_fish_animation.dart` |\n\n### 首页分类后的代码目录\n\n- 路由注册文件：`lib\u002Froutes\u002Fdemo_routes.dart`\n- 首页与分类逻辑：`lib\u002Fhome\u002Fdemo_home_page.dart`\n- 分类规则配置（关键词\u002F优先级\u002F手动覆盖）：`lib\u002Fhome\u002Fdemo_category_config.dart`\n- 多语言资源：`lib\u002Fl10n\u002F`\n- 示例代码按首页分类整理：\n  - `lib\u002Fwidget\u002Fbasic\u002F`\n  - `lib\u002Fwidget\u002Fscroll\u002F`\n  - `lib\u002Fwidget\u002Fanimation\u002F`\n  - `lib\u002Fwidget\u002Fcanvas\u002F`\n  - `lib\u002Fwidget\u002Fvisual\u002F`\n\n### Deferred 兼容说明\n\n- `deferred-components` 依赖 `package:` 路径，请保持 `pubspec.yaml` 与 `lib\u002Froutes\u002Fdemo_routes.dart` 的路径一致。\n- 新增\u002F移动示例时，必须同时更新：\n  - `lib\u002Froutes\u002Fdemo_routes.dart` 的 deferred import\n  - `pubspec.yaml` 的 `deferred-components.libraries`\n\n\n\n### 指定web地址而不是 localhost 的运行命令\n\n```\nflutter run -d web-server --web-hostname 127.0.0.1 --web-port 8989\n\nflutter build web --web-renderer canvaskit 指定渲染模式\nflutter build web --release --web-renderer html \n\ncp -r .\u002Fbuild\u002Fapp\u002Fintermediates\u002Fflutter\u002Frelease\u002Fflutter_assets\u002F .\u002Fbuild\u002Fweb\u002Fassets\n\n```\n\n### 相关文章\n\n- ### [各种最新 Flutter 文章](https:\u002F\u002Fjuejin.im\u002Fuser\u002F582aca2ba22b9d006b59ae68\u002Fposts)\n- ### [Flutter 完整实战实战系列文章专栏](http:\u002F\u002Fmp.weixin.qq.com\u002Fmp\u002Fhomepage?__biz=Mzg3NTA3MDIxOA==&hid=2&sn=679ad0212470f5155c4412e678411374&scene=18#wechat_redirect)\n- ### [Flutter 番外的世界系列文章专栏](http:\u002F\u002Fmp.weixin.qq.com\u002Fmp\u002Fhomepage?__biz=Mzg3NTA3MDIxOA==&hid=3&sn=bf37119ae2b741a1c71125538bf0cd8d&scene=18#wechat_redirect)\n\n\n----\n\n- ## [Flutter Github客户端](https:\u002F\u002Fgithub.com\u002FCarGuo\u002Fgsy_github_app_flutter) \n\n- ## [Flutter 完整开发实战详解 Gitbook 预览下载](https:\u002F\u002Fgithub.com\u002FCarGuo\u002FGSYFlutterBook)\n\n![公众号](http:\u002F\u002Fimg.cdn.guoshuyu.cn\u002Fwechat_qq.png)\n![](docs\u002Fimages\u002Fthanks.jpg)\n","GSY Flutter Demo 是一个专为新手设计的 Flutter 学习项目，旨在通过一系列独立的小例子帮助开发者快速上手和解决实际开发中的小问题。该项目使用 Dart 语言编写，涵盖了从基础控件到复杂动画的各种示例，如文本输入框控制、控件圆角设置、渐变文本展示及刷新机制等。它非常适合正在学习 Flutter 或者希望找到特定功能实现方法的开发者参考。此外，项目鼓励社区贡献，欢迎提交新的示例代码。",2,"2026-06-11 03:21:30","top_language"]