# flutter-do

**Repository Path**: zhangchen19940214/flutter-do

## Basic Information

- **Project Name**: flutter-do
- **Description**: 转载自”
老孟程序员“，由于github访问过慢，转载到gitee
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2020-04-09
- **Last Updated**: 2021-11-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

> 动起来，动手实践远比畏畏缩缩、止步不前要好得多。

## 项目介绍
###  Flutter Fly（展翅高飞）

地址：[https://github.com/781238222/flutter-do/tree/master/flutter_fly](https://github.com/781238222/flutter-do/tree/master/flutter_fly)

![](https://github.com/781238222/imgs/tree/master/flutter_fly/fly_2.gif)
![](https://github.com/781238222/imgs/tree/master/flutter_fly/fly_3.gif)
![](https://github.com/781238222/imgs/tree/master/flutter_fly/fly_4.gif)
![](https://github.com/781238222/imgs/tree/master/flutter_fly/fly_5.gif)


### Flutter App升级:[https://github.com/781238222/flutter-do/tree/master/flutter_upgrade](https://github.com/781238222/flutter-do/tree/master/flutter_upgrade)
<center class="half">
    <img src="https://github.com/781238222/imgs/tree/master/flutter_upgrade/app_upgrade_3.png" width="250"/>
<img src="https://github.com/781238222/imgs/tree/master/flutter_upgrade/app_upgrade_4.gif" width="250"/>
<img src="https://github.com/781238222/imgs/tree/master/flutter_upgrade/app_upgrade_5.png" width="250"/>
<img src="https://github.com/781238222/imgs/tree/master/flutter_upgrade/app_upgrade_6.png" width="250"/>
<img src="https://github.com/781238222/imgs/tree/master/flutter_upgrade/app_upgrade_7.png" width="250"/>

</center>

### 验证码输入框：[https://github.com/781238222/flutter-do/tree/master/flutter_verification_box](https://github.com/781238222/flutter-do/tree/master/flutter_verification_box)
<center class="half">
    <img src="https://github.com/781238222/imgs/tree/master/verification_box/verification_box_6.gif" width="250"/>
   <img src="https://github.com/781238222/imgs/tree/master/verification_box/verification_box_7.gif" width="250"/>
   <img src="https://github.com/781238222/imgs/tree/master/verification_box/verification_box_8.gif" width="250"/>

</center>



## 交流
欢迎加入微信交流群，微信:**laomengit**,或扫二维码：

<center class="half">
    <img src="http://img.laomengit.com/laomeng_qr.png" width="250"/>
</center>

欢迎关注公众号【老孟程序员】，一个非常高产Flutter相关文章的公众号，扫二维码关注：
<center class="half">
    <img src="http://img.laomengit.com/laomeng_gh_qr.jpg" width="250"/>
</center>

## Flutter 控件

1. Google官方控件视频，每周更新一集：[https://www.youtube.com/watch?v=b_sQ9bMltGU&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG](https://www.youtube.com/watch?v=b_sQ9bMltGU&list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG)

2. 超过170多个控件的详细介绍：[http://laomengit.com/](http://laomengit.com/)


## Flutter 动画

### 动画相关文章
1. 25种动画组件超全总结：[http://laomengit.com/flutter/module/animated_1/](http://laomengit.com/flutter/module/animated_1/)
2. 组合动画:[http://laomengit.com/flutter/module/animation_combined](http://laomengit.com/flutter/module/animation_combined)
3. Google工程师带你选择Flutter动画控件:[http://laomengit.com/flutter/module/animated_choose](http://laomengit.com/flutter/module/animated_choose)

### 带动画效果的PageView

- [Travel Cards](https://github.com/gskinnerTeam/flutter_vignettes/tree/master/vignettes/parallax_travel_cards_list)

- [Mindfullness Gooey Transition](https://github.com/gskinnerTeam/flutter_vignettes/tree/master/vignettes/gooey_edge)

- [page-transformer](https://github.com/roughike/page-transformer)

- [transformer_page_view](https://github.com/best-flutter/transformer_page_view)

- [smooth_page_indicator](https://github.com/Milad-Akarie/smooth_page_indicator)

### 带动画效果的底部导航

- [Fluid Button Bar](https://github.com/gskinnerTeam/flutter_vignettes/tree/master/vignettes/fluid_nav_bar)

- [Icon Flip Button Bar](https://github.com/gskinnerTeam/flutter_vignettes/tree/master/vignettes/bubble_tab_bar)

- [fancy_bottom_navigation](https://github.com/tunitowen/fancy_bottom_navigation)

- [circular_bottom_navigation](https://github.com/imaNNeoFighT/circular_bottom_navigation)

- [bottom_navy_bar](https://github.com/pedromassango/bottom_navy_bar)

- [titled_navigation_bar](https://github.com/pedromassango/titled_navigation_bar)


## Flutter 完整项目及功能性项目


1. Flutter Fly（展翅高飞）：[https://github.com/781238222/flutter-do/tree/master/flutter_fly](https://github.com/781238222/flutter-do/tree/master/flutter_fly)

2. Flutter App升级功能：[https://github.com/781238222/flutter-do/tree/master/flutter_upgrade](https://github.com/781238222/flutter-do/tree/master/flutter_upgrade)

3. FlutterExampleApps 收集了大量youtube视频：[https://github.com/iampawan/FlutterExampleApps](https://github.com/iampawan/FlutterExampleApps)

4. flutter-go，不解释，或许这是你最早接触的Flutter资源：[https://github.com/alibaba/flutter-go](https://github.com/alibaba/flutter-go)

5. FlutterScreens,漂亮的UI库，学习阶段建议不要使用[https://github.com/samarthagarwal/FlutterScreens](https://github.com/samarthagarwal/FlutterScreens)

6. Flutter豆瓣客户端，完成度比较高的项目：[https://github.com/kaina404/FlutterDouBan](https://github.com/kaina404/FlutterDouBan)

7. MVC模式的项目结构：[https://github.com/brianegan/flutter_architecture_samples](https://github.com/brianegan/flutter_architecture_samples)

8. 开源Github客户端：[https://github.com/CarGuo/gsy_github_app_flutter](https://github.com/CarGuo/gsy_github_app_flutter)

9. HistoryOfEverything,非常酷炫的项目：[https://github.com/2d-inc/HistoryOfEverything](https://github.com/2d-inc/HistoryOfEverything)

10. WanAndroid客户端：[https://github.com/Sky24n/flutter_wanandroid](https://github.com/Sky24n/flutter_wanandroid)

11. Best-Flutter-UI-Templates，非常漂亮的一个App：[https://github.com/mitesh77/Best-Flutter-UI-Templates](https://github.com/mitesh77/Best-Flutter-UI-Templates)

12. flutter_deer:[https://github.com/simplezhli/flutter_deer](https://github.com/simplezhli/flutter_deer)

13. FlutterFoodybite:[https://github.com/JideGuru/FlutterFoodybite](https://github.com/JideGuru/FlutterFoodybite)

14. 开源中国客户端:[https://github.com/yubo725/flutter-osc](https://github.com/yubo725/flutter-osc)

15. Flutter 高仿知乎 UI:[https://github.com/xujiyou/zhihu-flutter](https://github.com/xujiyou/zhihu-flutter)

16. 高仿书旗小说 Flutter版:[https://github.com/huanxsd/flutter_shuqi](https://github.com/huanxsd/flutter_shuqi)

17. flutter 下拉刷新：[https://github.com/xuelongqy/flutter_easyrefresh](https://github.com/xuelongqy/flutter_easyrefresh)

18. 仿网易云音乐:[https://github.com/boyan01/flutter-netease-music](https://github.com/boyan01/flutter-netease-music)

19. 玩Android客户端:[https://github.com/phoenixsky/fun_android_flutter](https://github.com/phoenixsky/fun_android_flutter)

20. Flutter淘宝App:[https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter](https://github.com/GanZhiXiong/GZXTaoBaoAppFlutter)

21. 交错GridView（可以实现瀑布流）：[https://github.com/letsar/flutter_staggered_grid_view](https://github.com/letsar/flutter_staggered_grid_view)

22. 渲染Markdown：[https://github.com/flutter/flutter_markdown](https://github.com/flutter/flutter_markdown)

23. 图标 [https://github.com/imaNNeoFighT/fl_chart](https://github.com/imaNNeoFighT/fl_chart)

24. 城市列表，联系人列表，索引&悬停:[https://github.com/flutterchina/azlistview](https://github.com/flutterchina/azlistview)

## Flutter 相关网站及博客

1. Flutter 官方网站（英文）：[https://flutter.dev/](https://flutter.dev/)
2. Flutter 官方网站（中文）：[https://flutter-io.cn/](https://flutter-io.cn/)


## 相关文章
1. 全网最全 Flutter 与 React Native 深入对比分析：[https://www.jianshu.com/p/da80214720eb](https://www.jianshu.com/p/da80214720eb)

2. 致Flutter初学者的一封信：[http://laomengit.com/](http://laomengit.com/)

3. Flutter学习路线：[http://laomengit.com/flutter/roadmap/](http://laomengit.com/flutter/roadmap/)

4. Flutter 开发踩坑记录（干货总结）:[https://juejin.im/post/5e58ceadf265da575918dd14](https://juejin.im/post/5e58ceadf265da575918dd14)

5. 带有Flutter的粒子动画: [https://juejin.im/post/5e1d5b9b6fb9a03013306588](https://juejin.im/post/5e1d5b9b6fb9a03013306588)

6. Flutter中的花式背景动画: [https://juejin.im/post/5e1c38c96fb9a02fee1ed09e](https://juejin.im/post/5e1c38c96fb9a02fee1ed09e)


7. 【Flutter高级玩法-shape】Path在手，天下我有:[https://juejin.im/post/5e6196066fb9a07c8b5bbdf5](https://juejin.im/post/5e6196066fb9a07c8b5bbdf5)


8. Flutter完整开发实战详解(二十一、 Flutter 画面渲染的全面解析):[https://juejin.im/post/5e7c8419e51d455c706ca00d](https://juejin.im/post/5e7c8419e51d455c706ca00d)


9. 【Flutter脱发录】也来实现一下灭霸效果: [https://juejin.im/post/5e7f5be55188257396515dbc](https://juejin.im/post/5e7f5be55188257396515dbc)


10. Flutter：图像的爆炸动画💥 [https://juejin.im/post/5e3c17876fb9a07cab3a87fe](https://juejin.im/post/5e3c17876fb9a07cab3a87fe)


11. 你知道吗，Flutter内置了10多种show:[https://juejin.im/post/5e7362f76fb9a07c9855105b](https://juejin.im/post/5e7362f76fb9a07c9855105b)

12. 一个高自由度的Flutter 视频播放器: [https://juejin.im/post/5e1da0a55188254dfc6abde4](https://juejin.im/post/5e1da0a55188254dfc6abde4)

13. 字节跳动为什么选用Flutter：并非跨平台终极之选，但它可能是不一样的未来: [https://juejin.im/post/5e81e37f6fb9a03c7e200370](https://juejin.im/post/5e81e37f6fb9a03c7e200370)