OpenFlutter/Flutter-Notebook

You can select the language by pressing on the options between these

中文版 | English https://raw.githubusercontent.com/OpenFlutter/Flutter-Notebook/HEAD/image/logo.png

flutter_notebook有什么

flutter_note_book有许多flutter相关功能demo的集合，它能够帮助您快速学习一些零碎的知识，本项目将会不定期更新。

如果您觉得有用的话可以Watch该项目，之后更新会自动通知您。

收集更多优秀样例

本项目大多为了提供一些问题的解决思路，如果您有更好的实现方式或者好的创意，欢迎提交PR!

如何下载单个项目

将单个项目下url复制粘贴到下面这个中，将会自动生成下载文件：

DownGit

目前包含以下demo：

官方控件系列

视图

• BottomNavigationBar底部导航
• BottomAppBar底部导航
• 自定义路由样式
• 高斯模糊（毛玻璃）
• 切换页面，保持各页面状态
• 制作一个精美的Material风格搜索框
• TextField的焦点及动作
• 微信九宫格效果
• 标签控件 chip系列
• 可展开控件 expansion系列
• 可滑动控件Sliver系列
• 使用贝塞尔二阶曲线切割图像
• 用户可以通过拖动以交互方式重新排序的项目的列表

功能

• 返回上一页时弹出提示信息
• 应用开启进入闪屏页
• 上拉加载，下拉刷新
• json自动反序列化
• 左滑删除ListView中Item
• 右滑返回上一页
• 在flutter中截屏
• 轻量级操作提示控件toolstip
• 可拖动组件draggable
• 去掉点击事件的水波纹效果
• 在当前页面上覆盖新的组件overlay
• 在不同页面传递事件EventBus
• 自定义 Navigator

动画

• 基本动画样例
• 神奇的Hero动画
• AnimatedContainer
• AnimatedCrossFade
• Ripple路由转换动画

优秀第三方库

• Awesome Flutter Packages
• 图表库——google charts📈
• 闲鱼混合栈管理框架——flutter_boost
• 哈啰出行重磅开源混合栈方案——「thrio」
• Agora RTC SDKs 音视频通话
• 应用介绍页——slider
• 应用介绍页——intro_view
• 从本地相册选取多张图片
• 使用url_launcher唤醒功能
• 拿捏图片放大缩小
• 一个很棒的等待动画库——Spinkit

状态管理

• Scoped_Model
• Redux
• BLoC
• BLoC Provider模式
• Google-Provide
• fish-redux
• Provider

其他

• flutter-widget-livebook 实时查看各种 widget
• flutter 菜鸟 APP，包含常用 flutter 组件的中文文档与 demo 演示
• flutter widget of the week 每周介绍一个widget，轻松学习flutter
• GDD2018最新Flutter preview2 widget体验
• Flutter Challenge【持续更新中】
• 一个漂亮的flutter组件库
• 使用flutter实现超过100个精美的ui页面
• flutter应用收集 MADE BY THE FLUTTER社区
• HistoryOfEverything ———— flutter live上展示的精美应用现已开源
• WestlifeUsingFlutter西城男孩的 FlutterDemoApp

书

• Flutter in Action

常见问题

• 什么时候我应该使用 Key
• 什么是 BuildContext

所有demo都最简化，尽量保证只与当前功能有关。每个demo文件代码在100行左右，十分适合新手阅读。

更多请进入mecury_project/example中寻找。

我的掘金主页