案例demo 6546565

# GSY Flutter Demo ### 不同于 [GSYGithubAppFlutter](https://github.com/CarGuo/GSYGithubAppFlutter) 项目，本项目将逐步完善各种 Flutter 独立例子，方便新手学习上手。 [](https://github.com/CarGuo/gsy_flutter_demo/actions) ## 相关文章 - ## [Flutter系列文章专栏](https://juejin.cn/column/6960546078202527774) ---- - ## [Flutter 独立简单学习演示项目](https://github.com/CarGuo/gsy_flutter_demo) - ## [Flutter 完整开发实战详解 Gitbook 预览下载](https://github.com/CarGuo/gsy_flutter_book) - ## [所有运行问题请点击这里](https://github.com/CarGuo/gsy_github_app_flutter/issues/13) ### [Web 版在线测试](https://guoshuyu.cn/home/web/#/) ### [APK 下载](https://github.com/CarGuo/gsy_flutter_demo/releases) > 目前开始逐步补全完善，主要提供一些有用或者有趣的例子，如果你也有好例子，环境提交 PR 。 > > **运行须知：配置好Flutter开发环境(目前Flutter SDK 版本 *3.10* 以上版本)。** > > **[如果克隆太慢或者图片看不到，可尝试从码云地址下载](https://gitee.com/CarGuo/GSYFlutterDemo)** | 公众号 | 掘金 | 知乎 | CSDN | 简书 |---------|---------|--------- |---------|---------| | GSYTech | [点我](https://juejin.im/user/582aca2ba22b9d006b59ae68/posts) | [点我](https://www.zhihu.com/people/carguo) | [点我](https://blog.csdn.net/ZuoYueLiang) | [点我](https://www.jianshu.com/u/6e613846e1ea) ### GSY新书：[《Flutter开发实战详解》](https://item.jd.com/12883054.html)上架啦：[京东](https://item.jd.com/12883054.html) / [当当](http://product.dangdang.com/28558519.html) / 电子版[京东读书](https://e.jd.com/30624414.html)和[Kindle](https://www.amazon.cn/dp/B08BHQ4TKK/ref=sr_1_5?__mk_zh_CN=亚马逊网站&keywords=flutter&qid=1593498531&s=digital-text&sr=1-5) [](https://item.jd.com/12883054.html)   ### 已有例子 ```dart Map<String, WidgetBuilder> routers = { "文本输入框简单的 Controller": (context) { return ContainerAsyncRouterPage(controller_demo_page.loadLibrary(), (context) { return controller_demo_page.ControllerDemoPage(); }); }, "实现控件圆角不同组合": (context) { return ContainerAsyncRouterPage(clip_demo_page.loadLibrary(), (context) { return clip_demo_page.ClipDemoPage(); }); }, "列表滑动监听": (context) { return ContainerAsyncRouterPage(scroll_listener_demo_page.loadLibrary(), (context) { return scroll_listener_demo_page.ScrollListenerDemoPage(); }); }, "滑动到指定位置": (context) { return ContainerAsyncRouterPage(scroll_to_index_demo_page.loadLibrary(), (context) { return scroll_to_index_demo_page.ScrollToIndexDemoPage(); }); }, "滑动到指定位置2": (context) { return ContainerAsyncRouterPage(scroll_to_index_demo_page2.loadLibrary(), (context) { return scroll_to_index_demo_page2.ScrollToIndexDemoPage2(); }); }, "展示渐变带边框的文本": (context) { return ContainerAsyncRouterPage(gradient_text_demo_page.loadLibrary(), (context) { return gradient_text_demo_page.GradientTextDemoPage(); }); }, "Transform 效果展示": (context) { return ContainerAsyncRouterPage(transform_demo_page.loadLibrary(), (context) { return transform_demo_page.TransformDemoPage(); }); }, "计算另类文本行间距展示": (context) { return ContainerAsyncRouterPage(text_line_height_demo_page.loadLibrary(), (context) { return text_line_height_demo_page.TextLineHeightDemoPage(); }); }, "简单上下刷新": (context) { return ContainerAsyncRouterPage(refrsh_demo_page.loadLibrary(), (context) { return refrsh_demo_page.RefreshDemoPage(); }); }, "简单上下刷新2": (context) { return ContainerAsyncRouterPage(refrsh_demo_page2.loadLibrary(), (context) { return refrsh_demo_page2.RefreshDemoPage2(); }); }, "简单上下刷新3": (context) { return ContainerAsyncRouterPage(refrsh_demo_page3.loadLibrary(), (context) { return refrsh_demo_page3.RefreshDemoPage3(); }); }, "通过绝对定位布局": (context) { return ContainerAsyncRouterPage(positioned_demo_page.loadLibrary(), (context) { return positioned_demo_page.PositionedDemoPage(); }); }, "气泡提示框": (context) { return ContainerAsyncRouterPage(bubble_demo_page.loadLibrary(), (context) { return bubble_demo_page.BubbleDemoPage(); }); }, "Tag效果展示": (context) { return ContainerAsyncRouterPage(tag_demo_page.loadLibrary(), (context) { return tag_demo_page.TagDemoPage(); }); }, "共享元素跳转效果": (context) { return ContainerAsyncRouterPage(honor_demo_page.loadLibrary(), (context) { return honor_demo_page.HonorDemoPage(); }); }, "滑动验证": (context) { return ContainerAsyncRouterPage(silder_verify_page.loadLibrary(), (context) { return silder_verify_page.SlideVerifyPage(); }); }, "warpContent实现": (context) { return ContainerAsyncRouterPage(wrap_content_page.loadLibrary(), (context) { return wrap_content_page.WrapContentPage(); }); }, "状态栏颜色修改（仅 App）": (context) { return ContainerAsyncRouterPage(statusbar_demo_page.loadLibrary(), (context) { return statusbar_demo_page.StatusBarDemoPage(); }); }, "键盘弹出与监听（仅 App）": (context) { return ContainerAsyncRouterPage(keyboard_demo_page.loadLibrary(), (context) { return keyboard_demo_page.KeyBoardDemoPage(); }); }, "控件动画组合展示（旋转加放大圆）": (context) { return ContainerAsyncRouterPage(anima_demo_page.loadLibrary(), (context) { return anima_demo_page.AnimaDemoPage(); }); }, "控件展开动画效果": (context) { return ContainerAsyncRouterPage(anima_demo_page2.loadLibrary(), (context) { return anima_demo_page2.AnimaDemoPage2(); }); }, "全局悬浮按键效果": (context) { return ContainerAsyncRouterPage(floating_touch_demo_page.loadLibrary(), (context) { return floating_touch_demo_page.FloatingTouchDemoPage(); }); }, "全局设置字体大小": (context) { return ContainerAsyncRouterPage(text_size_demo_page.loadLibrary(), (context) { return text_size_demo_page.TextSizeDemoPage(); }); }, "旧版实现富文本": (context) { return ContainerAsyncRouterPage(rich_text_demo_page.loadLibrary(), (context) { return rich_text_demo_page.RichTextDemoPage(); }); }, "官方实现富文本": (context) { return ContainerAsyncRouterPage(rich_text_demo_page2.loadLibrary(), (context) { return rich_text_demo_page2.RichTextDemoPage2(); }); }, "第三方 viewpager 封装实现": (context) { return ContainerAsyncRouterPage(viewpager_demo_page.loadLibrary(), (context) { return viewpager_demo_page.ViewPagerDemoPage(); }); }, "列表滑动过程控件停靠效果": (context) { return ContainerAsyncRouterPage(sliver_list_demo_page.loadLibrary(), (context) { return sliver_list_demo_page.SliverListDemoPage(); }); }, "验证码输入框": (context) { return ContainerAsyncRouterPage( verification_code_input_demo_page.loadLibrary(), (context) { return verification_code_input_demo_page.VerificationCodeInputDemoPage(); }); }, "验证码输�