Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/OpenFlutter/Flutter-Notebook

FlutterDemo合集，今天你fu了吗
https://github.com/OpenFlutter/Flutter-Notebook

flutter flutter-demo

Last synced: 20 days ago
JSON representation

FlutterDemo合集，今天你fu了吗

Host: GitHub
URL: https://github.com/OpenFlutter/Flutter-Notebook
Owner: OpenFlutter
License: apache-2.0
Created: 2018-07-26T12:39:03.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2021-04-14T05:45:18.000Z (about 3 years ago)
Last Synced: 2024-05-03T03:24:14.046Z (about 2 months ago)
Topics: flutter, flutter-demo
Language: Dart
Homepage:
Size: 50.1 MB
Stars: 7,148
Watchers: 459
Forks: 1,194
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Lists

awesome-stars - OpenFlutter/Flutter-Notebook - FlutterDemo合集，今天你fu了吗 (Dart)
awesome-stars - Flutter-Notebook
awesome-flutter - **3. Flutter-Notebook**
awesome-stars - Flutter-Notebook
awesome-stars-webVueBlog - OpenFlutter/Flutter-Notebook - FlutterDemo合集，今天你fu了吗 (Dart / 运维\&DevOps)

README

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

[中文版](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/README.md) | [English](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/readme_english.md)

![](./image/logo.png)

## flutter_notebook有什么

flutter_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)

- [在不同页面传递事件EventBus](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/event_bus_demo)

- [自定义 Navigator](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/navigator_example)

#### 动画

- [基本动画样例](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)

- [Ripple路由转换动画](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/ripple_animation)

### 优秀第三方库

- [Awesome Flutter Packages](https://github.com/leisim/awesome-flutter-packages)

- [图表库——google charts📈](https://github.com/google/charts)

- [闲鱼混合栈管理框架——flutter_boost](https://github.com/alibaba/flutter_boost)

- [哈啰出行重磅开源混合栈方案——「thrio」](https://github.com/hellobike/thrio)

- [Agora RTC SDKs 音视频通话](https://github.com/AgoraIO/Flutter-SDK)

- [应用介绍页——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)

### 状态管理

- [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) 

- [Google-Provide](https://github.com/OpenFlutter/Flutter-Notebook/tree/master/mecury_project/example/flutter_provide)

- [fish-redux](https://github.com/alibaba/fish-redux)

- [Provider](https://github.com/OpenFlutter/Flutter-Notebook/blob/master/mecury_project/example/provider_example)

### 其他

- [flutter-widget-livebook 实时查看各种 widget](https://flutter-widget-livebook.blankapp.org/basics/introduction/)

- [flutter 菜鸟 APP，包含常用 flutter 组件的中文文档与 demo 演示](https://github.com/alibaba/flutter-common-widgets-app)

- [flutter widget of the week 每周介绍一个widget，轻松学习flutter](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)

- [WestlifeUsingFlutter西城男孩的 FlutterDemoApp](https://github.com/renjingkai/WestlifeUsingFlutter)

### 书

- [Flutter in Action](https://github.com/flutterchina/flutter-in-action)

### 常见问题

- [什么时候我应该使用 Key ](https://juejin.im/post/5ca2152f6fb9a05e1a7a9a26)

- [什么是 BuildContext](https://juejin.im/post/5c665cb651882562914ec153) 

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

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

## [我的掘金主页](https://juejin.im/user/5b5d45f4e51d453526175c06/posts)