flutter学习笔记

135 阅读2分钟

2022年3月25日开始

flutter官网 flutterchina.club/

笔记
  1. 配置渲染器,在桌面浏览器默认canvaskit,但是经常白屏,所以我修改为html了: flutter.cn/docs/develo…
  2. flutter前端渲染太慢了,不如html调试方便;逻辑功能使用vscode的断点调试,UI渲染使用Debug Painting,这个和原生app的调试风格一样;前端还需要一个慢慢熟悉、习惯的过程~~
  3. flutter的业务逻辑和UI渲染是耦合在一起的,每个dart文件显的很臃肿复杂,所以一定要搞好组件化,我觉得组件化是非常非常的重要;
  4. Widget开发起来速度挺快的,对前端同学来说是一个熟练的过程,刚开始或许很别扭。ps:她的api提示做的非常好;
  5. dart和js区别还是挺大的,一些类、变量定义、继承等等很像java这些后端语言,所以感觉安卓、ios客户端的同学学习来应该很快。ps:前端要抓紧把ts搞好啦,你会发现js越来越像后端。
  6. flutter、RN、小程序、H5、原生app等平台,个人感觉整体的架构、思路、性能优化点、开发周期等等,有着极大的相似度,只要熟练、精通一个客户端,学习另一个客户端会避免很多坑,同时学习方向也很明确。所以我给自己定位就是专注于前端,对flutter这些框架可以熟练满足业务需求即可。ps:深入研究一个方向成绩(薪资+平台)才会更高,其他框架的学习重点是了解框架的思想、优势对比、性能对比等,以后的开发才会举一反三、开拓视野。
问题整理
  1. mac环境下,在vscode通过Flutter Doctor验证您的设置的时候,报错误:Could not find a Flutter SDK. Please ensure flutter is installed and in your PATH (you may need to restart). 将~/.bash_profile文件中的内容复制到~/.zshrc文件中,如果没有.zshrc文件,则重新创建即可。

image.png

练习的demo

github.com/Red-xiaosha…