博客归纳
前端浅入 Flutter 学习经验分享
00 分钟
2024-2-20
2024-9-20
type
status
date
slug
summary
tags
category
icon
password
URL

🌱目标

  • ✅登录页
  • ✅首页
  • ✅播放页面 (可播放)
  • ✅详情页面
  • ✅订阅页面
  • ✅个人页面(头像可拖动)
  • ❌开屏页面
  • ❌其他页(都是无脑滚键盘了,和上面页面差距不大,看请况吧😂😂😂)
  • ❌10 个 Star⭐(7/10)

🌳完成页面

notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image

🌻学习参考

  • 老孟 Flutter 英语不好,可以看这个主要快速查询方便。
  • 👍👍👍FlutterUnit flutter 组件效果预览 App主页有下载地址,非常推荐初学者安装,没事打开滑一滑。

工具

推荐作者

总结 & 开发感受

我一直从事小公司的前端开发,唯一接触到 App 方面的就是 uniapp。由于uniapp 的性能和交互效果难以实现等问题,所以我尝试学习Flutter。显然,Flutter并没有想象中那么难,但也不是完美无缺的。注意,我的水平确实十分有限,因此我的言论可能不够准确。
  1. Flutter 可以被视为类似于 Unity 这样的工具,可以在一个 “画布”上绘制组件(Flutter Web 就是用一个 Canvas来实现的)。因此,它能够真正实现多端样式统一,不像 React Native需要将组件转换为各自平台的组件。
  1. 很多人说 Flutter存在多层嵌套的问题,其实只要合理地分层,问题不大。
  1. Flutter 的设计理念是基于 Widget 的,包括 Container、Row(相当于 flex布局的display: flex; flex-direction: row;)、Column(相当于flex 布局的display: flex; flex-direction: column;)甚至padding 和手势事件都是组件。
  1. Flutter 生态系统类似于 npm,而且提供了很多有用的组件库 pub.dev
  1. 性能确实在 build 的写法下渲染 1W条都不会卡顿,但是它并没有我想象的那么完美,还是能感觉出来卡顿的。
  1. 这玩意真有人公司用吗? 这个问题困扰了我很久,也是我一开始学习 Flutter时的主要考虑因素。但事实证明,确实有许多大公司在移动端应用 Flutter,例如B 站漫画。我在体验时发现,应用非常流畅,但也有一些 App卡的不行。具体看这个国内大厂应用在移动端Flutter 框架使用分析
  1. 怎么看哪些页面是 flutter? 三个手指在屏幕上滑就知道了。 ps: 掘金 ios版发现页面应该是 flutter,一下就能感觉出来。
  1. 开发 App 时怎么选?说实话我感觉小公司的大部分业务都不复杂,uniapp可太舒服了,vue谁不会。小程序也能直接转换,直接一套脸滚键盘带走完事。但是如果对 App有点交互要求啊性能要求啊,写过 uniapp 的大家应该感受过,当 ui拿着别的原生 App交互让你实现时,你是会崩溃的😭😭😭。但是这也不是说就无脑上 flutter如果就一两个页面,那 nvue 也能顶!!!
  1. Flutter并不是完美无缺的,但是它的确非常强大,能够实现许多炫酷的交互效果和样式。😁😁
  1. 看🦅酱直播去了🐾🐾🐾本项目地址
上一篇
对Vuex进行一次彻底理解!
下一篇
Flutter vs. React Native: 2023 年哪个更好?