# Flutter-Notebook

**Repository Path**: jianxia84/Flutter-Notebook

## Basic Information

- **Project Name**: Flutter-Notebook
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-01-31
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vadaski-Flutter Notebook
### [中文版](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/README.md) | [English](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/readme_english.md)
## flutter_notebook有什么
flutetr_note_book有许多flutter相关功能demo的集合，它能够帮助您快速学习一些零碎的知识，本项目将会不定期更新。

如果您觉得有用的话可以Watch该项目，之后更新会自动通知您。
## 收集更多优秀样例
### 本项目大多为了提供一些问题的解决思路，如果您有更好的实现方式或者好的创意，欢迎提交PR!
## 如何下载单个项目
将单个项目下url复制粘贴到下面这个中，将会自动生成下载文件：

[DownGit](https://minhaskamal.github.io/DownGit/#/home) 

## 目前包含以下demo：
### 官方控件系列
#### 视图
- [BottomNavigationBar底部导航](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/flutter_bottomnavigationbar)
- [BottomAppBar底部导航](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/bottom_appbar_demo)
- [自定义路由样式](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/custom_router_transition)
- [高斯模糊（毛玻璃）](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/frosted_glass_style_demo)
- [切换页面，保持各页面状态](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/keep_alive_demo)
- [制作一个精美的Material风格搜索框](https://github.com/Vadaski/Flutter-Notebook/tree/master/mecury_project/example/beaytiful_search_bar_demo)
- [TextField的焦点及动作](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/textfields_focus_demo)
- [微信九宫格效果](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/warp_demo)
- [标签控件 chip系列](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/chip_demo)
- [可展开控件 expansion系列](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/expansion_demo)
- [可滑动控件Sliver系列](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/sliver_demo)
- [使用贝塞尔二阶曲线切割图像](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/clipper_demo)
- [用户可以通过拖动以交互方式重新排序的项目的列表](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/reorderble_listview_demo/)

#### 功能
- [返回上一页时弹出提示信息](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/will_pop_scope_demo)
- [应用开启进入闪屏页](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/splash_screen_demo)
- [上拉加载，下拉刷新](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/pull_on_loading)
- [json自动反序列化](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/flutter_auto_json_parsing)
- [左滑删除ListView中Item](https://github.com/Vadaski/Flutter-Notebook/blob/master/mecury_project/example/swipe_to_dismiss)
- [右滑返回上一页](https://github.com/Vadaski/Flutter-Notebook/tree/master/mecury_project/example/right_back_demo)
- [在flutter中截屏](https://github.com/Vadaski/Flutter-Notebook/tree/master/mecury_project/example/widget_to_image)
- [轻量级操作提示控件toolstip](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/tool_tips_demo)
- [可拖动组件draggable](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/draggable_demo/)
- [去掉点击事件的水波纹效果](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/without_splash_color)
- [在当前页面上覆盖新的组件overlay](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/overlay) 

### 优秀第三方库
- [闲鱼混合栈管理框架](https://github.com/alibaba-flutter/hybrid_stack_manager)
- [应用介绍页——slider](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/slider_screen)
- [应用介绍页——intro_view](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/intro_views)
- [从本地相册选取多张图片](https://github.com/Vadaski/Flutter-Notebook/blob/master/mecury_project/example/load_multi_image)
- [使用url_launcher唤醒功能](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/url_launcher_demo)
- [拿捏图片放大缩小](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/pinch_zoom_image_demo)
- [一个很棒的等待动画库——Spinkit](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/spinkit_animation)
- [一些常用ui库——cool_ui](https://github.com/Im-Kevin/cool_ui)

### 动画
- [基本动画样例](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/animation_demo)
- [神奇的Hero动画](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/hero_demo)
- [AnimatedContainer](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/animated_container)
- [AnimatedCrossFade](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/animated_cross_fade)

### 状态管理
- [Scoped_Model](https://github.com/Vadaski/Vadaski-flutter_note_book/tree/master/mecury_project/example/scoped_demo)
- [Redux](https://github.com/Vadaski/Flutter-Notebook/tree/master/mecury_project/example/redux_demo)
- [BLoC](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/bloc_demo)
- [BLoC Provider模式](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/bloc_provider_pattern) 

### 其他
- [flutter 菜鸟 APP，包含常用 flutter 组件的中文文档与 demo 演示](https://github.com/alibaba/flutter-common-widgets-app)
- [flutter widget of the week](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/flutter_widget_of_the_week)
- [GDD2018最新Flutter preview2 widget体验](https://github.com/Vadaski/Flutter-Notebook/tree/master/mecury_project/example/release_preview2)
- [Flutter Challenge](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/animation_challenge)【持续更新中】
- [一个漂亮的flutter组件库](https://github.com/samarthagarwal/FlutterScreens)
- [使用flutter实现超过100个精美的ui页面](https://github.com/nb312/flutter-ui-nice)
- [flutter应用收集 MADE BY THE FLUTTER社区](https://itsallwidgets.com/)
- [HistoryOfEverything ———— flutter live上展示的精美应用现已开源](https://github.com/2d-inc/HistoryOfEverything)

所有demo都最简化，尽量保证只与当前功能有关。每个demo文件代码在100行左右，十分适合新手阅读。
#### 更多请进入mecury_project/example中寻找。
## 我的掘金主页
https://juejin.im/user/5b5d45f4e51d453526175c06/posts

欢迎关注

## 样例
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24b154c98218?w=362&h=642&f=gif&s=739273)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24b3adbbd5aa?w=362&h=640&f=gif&s=121427)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24b7bbd01af7?w=362&h=640&f=gif&s=61838)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24b9277db951?w=362&h=640&f=gif&s=55227)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24ba112a8fe8?w=362&h=640&f=gif&s=19336)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24bb474fcf1c?w=362&h=640&f=gif&s=41214)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24bc512c548a?w=362&h=640&f=gif&s=111429)
![](https://user-gold-cdn.xitu.io/2018/9/10/165c24bd266e82ab?w=362&h=640&f=gif&s=13498)
![](https://user-gold-cdn.xitu.io/2018/9/7/165b34ca822a8f54?w=362&h=642&f=gif&s=4669741)
![](https://user-gold-cdn.xitu.io/2018/9/7/165b3542f724d46a?w=362&h=642&f=gif&s=3373834)
![](https://user-gold-cdn.xitu.io/2018/9/9/165ba4afd401fc53?w=362&h=642&f=gif&s=3125329)
![](https://user-gold-cdn.xitu.io/2018/9/9/165bd164ce03a359?w=362&h=642&f=gif&s=549629)
![](https://user-gold-cdn.xitu.io/2018/9/9/165bddae47c84b18?w=362&h=642&f=gif&s=486901)
![](https://user-gold-cdn.xitu.io/2018/11/9/166f747e73996d03?w=316&h=570&f=gif&s=430201)
![](https://user-gold-cdn.xitu.io/2018/9/12/165cd5463f99cb2b?w=362&h=640&f=gif&s=627463)
![](https://user-gold-cdn.xitu.io/2018/9/12/165cd82770ff732e?w=362&h=640&f=gif&s=445737)
![](https://user-gold-cdn.xitu.io/2018/9/13/165cece8f2ad7e58?w=362&h=640&f=gif&s=158087)
![](https://user-gold-cdn.xitu.io/2018/9/18/165ec5d14697b759?w=362&h=640&f=gif&s=459186)
![](https://user-gold-cdn.xitu.io/2018/9/18/165ec5d3b3ef7b73?w=362&h=640&f=gif&s=503021)
![](https://user-gold-cdn.xitu.io/2018/9/18/165ec5dac1810db3?w=362&h=640&f=gif&s=1824992)
![](https://user-gold-cdn.xitu.io/2018/9/19/165f1adf1c7d81de?w=362&h=640&f=gif&s=3018323)
![](https://user-gold-cdn.xitu.io/2018/9/20/165f533bf04bf291?w=362&h=640&f=gif&s=203698)
![](https://user-gold-cdn.xitu.io/2018/9/21/165f7d7c790e6911?w=362&h=640&f=gif&s=172340)
![](https://user-gold-cdn.xitu.io/2018/9/22/165fd35c8909a813?w=362&h=640&f=gif&s=1992085)
![](https://user-gold-cdn.xitu.io/2018/9/22/165fd35f0d320ac1?w=362&h=640&f=gif&s=107991)
![](https://user-gold-cdn.xitu.io/2018/9/21/165fab436c967dc5?w=362&h=640&f=gif&s=243539)
![](https://user-gold-cdn.xitu.io/2018/9/21/165fab48becac4ad?w=362&h=640&f=gif&s=328637)
![](https://user-gold-cdn.xitu.io/2018/9/22/1660146a6dacd36e?w=362&h=640&f=gif&s=336267)
![](https://user-gold-cdn.xitu.io/2018/9/25/1660fcf60f384f63)
![](https://user-gold-cdn.xitu.io/2018/9/29/16624073ba03bfbe?w=362&h=640&f=gif&s=855341)