Flutter 开发实战资源推荐

这是一篇实战类资源推荐,其实Flutter的入门资料官方已经做得很好了,如果你是零基础,还是建议先啃一遍官方的教程,然后再看以下实战资源,相信在你看官方课程中涉及到的一些疑问,下面的资源会有一些刚好能够解答。

 

入门 Flutter官网:

https://flutter.io/get-started/install/

 

当然,也有饱含分享精神的同学已经搭建了 Flutter 中文网:

https://flutterchina.club/get-started/install/

 

1

Flutter完整开发实战详解

 

这是恋猫月亮给大家写的一个系列,之前作者写过移动端跨平台开发的深度解析,也针对RN,Weex,Flutter分别开源了一个复杂度还是比较高,功能超级完整的github客户端。

 

  • RN 

    https://github.com/CarGuo/GSYGithubAPP 

  • Flutter

    https://github.com/CarGuo/GSYGithubAppFlutter

  • Weex

    https://github.com/CarGuo/GSYGithubAppWeex 

 

所以作者写的Flutter实战文章肯定也是非常棒的:

 

  1. Flutter完整开发实战详解(一、Dart语言和Flutter基础)

    https://www.jianshu.com/p/533b5b8d2f71

  2. Flutter完整开发实战详解(二、 快速开发实战篇)

    https://www.jianshu.com/p/5768a999790d

  3. Flutter完整开发实战详解(三、 打包与填坑篇)

    https://www.jianshu.com/p/29ba30d1ee57

  4. Flutter完整开发实战详解(四、 Redux、主题、国际化)

    https://www.jianshu.com/p/34a6224e0cf1

 

2

一些很适合新手练习的Demo

 

关注本号的几乎都是Android的开发者,那么在学习Flutter,或者在使用Flutter开发项目的时候,本能的就会和Android中开发效果实现想到一起,

例如实现各底部Tab,右滑返回,页面滑动,高斯模糊,图片放大缩小,闪屏页,动画等…

 

但是很多时候我们在寻找类似效果时,代码比较复杂,并不便于学习。

 

所以本资源目的,就是最简化的实现各种效果,这样对我们刚接触Flutter的开发者就非常友好了,不至于:

 

《Flutter 开发实战资源推荐》

 

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

 

为什么有了官方sample还需要整理这个合集

 

让代码讲故事

 

所以我开始整理一些小的demo,专注于单一功能的实现,尽量让代码解释自己,我认为这是学习flutter最快的方式。

每个demo我尽量控制在100行代码以内,让代码讲一个短小但又精彩的故事。其中也有不少国外的哥们写的好的demo也被我收录进来了。

 

目前包含:

 

视图

 

  • BottomNavigationBar底部导航

  • BottomAppBar底部导航

  • SliverAppBar+TabBar顶部导航

  • 高斯模糊(毛玻璃)

  • 切换页面,保持各页面状态

  • 制作一个精美的Material风格搜索框

  • TextField的焦点及动作

 

功能

 

  • 返回上一页时弹出提示信息

  • 应用开启进入闪屏页

  • 上拉加载,下拉刷新

  • json自动反序列化

  • 左滑删除ListView中Item

  • 右滑返回上一页

  • 在flutter中截屏

 

优秀第三方库

 

  • 应用介绍页——slider

  • 应用介绍页——intro_view

  • 从本地相册选取多张图片

  • 使用url_launcher唤醒功能

  • 拿捏图片放大缩小

 

动画

 

  • 基本动画样例

  • 神奇的Hero动画

  • Spinkit——一个很棒的等待动画库

  • AnimatedContainer

  • AnimatedCrossFade

 

效果图太多,就不贴了。作者还写了日更,为作者的付出精神点赞,不过日更太困难了,周更就很好啦。

 

3

其他

 

此外还有一些优质的Flutter资源聚合项目

 

  • https://github.com/AweiLoveAndroid/Flutter-learning

  • https://github.com/yang7229693/flutter-study

  • https://github.com/Solido/awesome-flutter

 

就不一一介绍了。

 

另外,关于完整项目,之前推送过:

 

 

对于项目还是比较容易搜索的,直接github搜索即可。

 

也欢迎大家利用一些open api 自己编写:

 

  • http://wanandroid.com/openapis

 

推荐阅读:

 

    原文作者:大灰狼的小绵羊哥哥
    原文地址: https://blog.csdn.net/sinat_17775997/article/details/82967073
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞