在 2019 的 Flutter 学习

资料

文档

Flutter documentation

Flutter中文文档

《Flutter实战》电子书

Dart 语言入门

30分钟掌握Dart语言

Awesome-flutter

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

很好用的图标库 Fontawesome icons

https://fontawesome.com/icons?d=gallery

登录注册界面

https://github.com/huextrat/TheGorgeousLogin

录音器,能返回 .wav

https://github.com/39499740/recorder_wav/tree/master/example

源代码其实是经过pcm转换成wav再删除pcm,因为语音识别接口要用的是pcm,所以改了一下源代码,不要删除pcm

介绍一个Flutter App的功能,功能分析得挺好的

基于 Flutter 视频客户端 Vistor【已开源】

Flutter的一个资源教程列表

http://www.devio.org/tags/#Flutter

比较通俗的讲解学flutter过程

Flutter七日总结

挺好看的底部导航栏

https://github.com/imaNNeoFighT/circular_bottom_navigation

基于flutter实现的在线视频播放app

https://github.com/shmy/dd_app

分享链接内容的插件share_extend

https://github.com/zhouteng0217/ShareExtend

播放器GPlayer(基于ijkplayer)

https://github.com/tcking/GPlayer

样例视频下载,兔子起床

https://www.sample-videos.com/

一个组件库

<https://github.com/lishuhao/sy_flutter_widgets

讯飞语音评测

https://doc.xfyun.cn/rest_api/%E8%AF%AD%E9%9F%B3%E8%AF%84%E6%B5%8B.html

Http 请求库 dio

https://pub.flutter-io.cn/packages/dio

音频声音播放,较短的

https://github.com/Canardoux/tau

SnackBar,material风格

https://www.jianshu.com/p/fbc8236fc8db

AppBar使用介绍,顶端栏

Flutter AppBar(顶端栏)

好看的登录按钮

https://blog.csdn.net/u011272795/article/details/83043932

Dart介绍,写得生动

https://www.jianshu.com/p/d41952e51120

Django介绍

Django简介、及其优点

django的优缺点总结 - Python Web开发面试必备

Material Design的详细规范

https://www.uisdc.com/comprehensive-material-design-note

App内嵌WebView

https://pub.flutter-io.cn/packages/webview_flutter

跑马灯轮播实现

https://github.com/serenader2014/flutter_carousel_slider

讲Flutter挺好的

Flutter三天学习基础——-一天搞定项目

Q & A

导入新的 flutter 项目卡死在 Initializing gradle

https://www.jianshu.com/p/407d3ca7037e

1.打开安卓视图中 gradle->wrapper->gradle-wrapper.properties,最后一行改为

1
distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.2-all.zip

2.

打开Flutter SDK:flutter\packages\flutter_tools\gradle\flutter.gradle

注释掉 google() 和 jcenter(),下面添加阿里云代理

1
2
3
maven{ url 'https://maven.aliyun.com/repository/google' }
maven{ url 'https://maven.aliyun.com/repository/jcenter' }
maven{url 'http://maven.aliyun.com/nexus/content/groups/public'}

注:项目路径不能有中文

启动页(闪屏页)设置

https://chengww.com/archives/flutter-splash.html#%E9%A1%B5%E9%9D%A2%E5%88%9B%E5%BB%BA

添加资源图片异常

异常原因:assets 前面多了个空格
解决方案:去除 assets 前面的一个空格,注意整体的标签对齐

路由导航用法

Flutter之路由及导航(页面跳转以及传递数据)

flutter页面间跳转和传参-Navigator的使用

ListView子项写法

Flutter 中 ListView 的使用

https://github.com/zhibuyu/Flutter_Stocks/blob/master/lib/news/FinanceNewsPage.dart

Flutter里面列表的初始化类似于Java,要先new

比如Listitems = new List();

然后再item.add();

有时候闪电标志的热重载不行,这时要绿色重新run一遍,再不行就从菜单栏tools中找到flutter clean执行

圆形头像制作

https://blog.csdn.net/qq_32319999/article/details/80352069

Material design 字体?

Material design的英文字体为Roboto,中文字体为Noto,就是思源黑体

gridview 总是溢出 overflow

原因是 childAspectRatio 这个属性,默认子项为网格正方形,控件摆放不成正方形就会溢出

更新 Dialog 状态

Flutter更新showDialog中的内容

底部弹出对话框的状态设置更新

flutter 底部弹窗 showModalBottomSheet 自定义样式和回调

Flutter showBottomSheet

Json用法

一是手动建立

https://juejin.im/post/5b5d782ae51d45191c7e7fb3

二是调用库json_serializable

https://www.jianshu.com/p/e010041f0ec0/

要是想直接拿json里面的某一个数据,甚至可以像下面那样做,一层一层调用Map,取出想要的值

1
print(response.data['data']['read_word']['rec_paper']['read_word']['total_score']);

另外注意一下json的格式,如果已经是json的string形式,就不用再decode了,因为decode的目的就是得到json的string,不需要再第二次decode了,坑死人了这

流文件

Flutter系列之Dart文件IO操作

Django port占用

解决Django运行报错

wav 格式要求太严格,头部文件需要处理,用 mp3 好点,还经过了压缩

二进制文件处理 WAV文件格式解析【利用python 将wav文件音量变小】

响应的形式,一是流stream,二是字节byte

如何用库

下载他的demo,里面有很多功能演示,删减代码,缩减到只有自己想要的功能,再迁移到自己的项目上。

主题切换功能实现

Flutter以两种方式实现App主题切换

主要是参考黑人视频的EventBus做法,全局只有一个MaterialApp,其它page的根widget为Scaffold

分析非功能需求

需求分析师如何做好非功能性需求

软件产品质量模型介绍

Django部署教程

https://blog.csdn.net/mnhn456/article/details/80594714

Charts 图表

https://google.github.io/charts/flutter/gallery.html

https://github.com/google/charts/tree/master/charts_flutter

布局讲解

CrossAxisAlignment,children在交叉轴方向的对齐方式,布局时很重要

Flutter 布局(七)- Row、Column详解


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!