开工第一天,来点轻松的资源推荐。
这是一篇实战类资源推荐,其实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实战文章肯定也是非常棒的:
- Flutter完整开发实战详解(一、Dart语言和Flutter基础)
- https://www.jianshu.com/p/533b5b8d2f71
- Flutter完整开发实战详解(二、 快速开发实战篇)
- https://www.jianshu.com/p/5768a999790d
- Flutter完整开发实战详解(三、 打包与填坑篇)
- https://www.jianshu.com/p/29ba30d1ee57
- Flutter完整开发实战详解(四、 Redux、主题、国际化)
- https://www.jianshu.com/p/34a6224e0cf1
2
一些很适合新手练习的Demo
关注本号的几乎都是Android的开发者,那么在学习Flutter,或者在使用Flutter开发项目的时候,本能的就会和Android中开发效果实现想到一起,
例如实现各底部Tab,右滑返回,页面滑动,高斯模糊,图片放大缩小,闪屏页,动画等...
但是很多时候我们在寻找类似效果时,代码比较复杂,并不便于学习。
所以本资源目的,就是最简化的实现各种效果,这样对我们刚接触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
就不一一介绍了。
另外,关于完整项目,之前推送过:
- 推荐几个优质Flutter 开源项目
对于项目还是比较容易搜索的,直接github搜索即可。
也欢迎大家利用一些open api 自己编写:
- http://wanandroid.com/openapis