专栏首页FlutterFlutter 学习路线图

Flutter 学习路线图

一枚

有态度

的程序员

Flutter 学习路线图

如果你真的觉得很难,坚持不了了,那就放弃,既然放弃了就不要抱怨没有得到。 选择你热爱的,坚持你选择的,不抱怨放弃的。

前言

Flutter越来越火,学习Flutter的人越来越多,对于刚接触Flutter的人来说最重要的是如何学习Flutter,重点学习Flutter的哪些内容。下面是Flutter的学习路线图,学会这些你就入门了,当然这仅仅是初学者的学习路线图,前路漫漫。

了解Flutter

这是一个非常虚的概念,也不必花费非常多的时间去专门了解,只需在搜索引擎上搜索大概浏览下相关内容即可,这可以让你对Flutter有一个全面的、站在顶层的了解,了解的内容如下:

  • Flutter是什么、历史发展、有哪些优点。
  • Flutter对比其他跨平台技术有哪些优势。
  • Flutter整体框架。
  • Flutter实现原理。
  • Flutter响应式编程实现原理。
  • Flutter与Dart的关系及Dart特点。

不要一看上面“原理”就感觉好高深,对于初学者要了解仅仅是思想,知道实现的思路,而不需要深入学习。

环境搭建

其实学习每一项技术首先都需要搭建环境,这并不属于学习路线的一部分,拿到这里单独说,也并不是告诉大家如何搭建环境,而是给大家推荐环境的选择,因为Flutter的开发并没有专门的IDE,可以使用vscode、android studio等,这里推荐使用android studio,系统建议Mac OS,因为Flutter目前主要用于Android和IOS的开发。

UI控件

UI控件的学习是进入Flutter的钥匙,因此第一个要学习的就是相关UI控件,Flutter系统提供的组件非常多(估计300+),难道要都要学习一遍吗?就算一天学3个控件,那也需要好几个月,这明显是不科学的,只需要学习常用的组件即可,哪些是常用组件?已经为大家整理好了常用组件及相关用法,地址:http://laomengit.com ,不仅有常用组件,还有整理了150多个组件的相关用法,不常用组件只需浏览一下,知道Flutter提供了类似的组件,用到的时候在来查阅。

Dart基础

Flutter是用Dart语言开发的,所以我们需要Dart语言的基础知识,如果你有其他高级语言的基础,这一部分基本可以略过,只需了解如下内容:

  • 如何导入包。
  • 异步编程(Future、async、await)。
  • 注释。
  • 命名规范
  • 如何定义变量作用域(private、public)

因为这些方面和其他高级语言有些区别,至于其他的方法差别不大。

对于没有其他语言基础,甚至没有编程基础,这时候你需要找一本Dart基础的书学习其中的知识。

手势事件及事件传递机制

Flutter中有点击、长按、双击等各种手势事件,学习如何给控件绑定手势事件及事件的处理,最后需要对事件的传递机制有一定的了解。

动画

Flutter提供了大量的动画组件,但我们不仅仅是会使用这些组件,还要了解动画组件的实现原理,自定义动画组件。

网络请求

任何一个App基本都离不开请求网络,学会网络请求数据,强烈建议先了解下Dart自带网络请求,然后使用dio第三方库获取网络请求。

本地数据存储

本地数据的存储有如下几种方式:

  • 文件读取、写入。
  • shared_preferences:通过key-value的方式存放数据,适合存储简单的数据,比如配置数据等。
  • sqflite:数据库的形式存储数据,适合存储大量数据。

路由管理

什么是路由?简单的理解就是页面的跳转,从一个页面跳转到另一个页面。路由管理就是对这些页面跳转到管理。

国际化

如果你的App需要国际化,那么你需要学习国际化相关的内容,如何设置不同国家的文案等。当然这并不是必须的。

混合开发

混合开发是一个非常重要的内容,即使你完全使用Flutter开发一个全新的App,也可能涉及到原生开发。这部分你需要了解如下内容:

  • 在原生项目中增加Flutter模块。
  • Flutter与原生通信。

Flutter与原生通信更为重要,因为一些涉及硬件功能Flutter必须通过原生实现,比如相机、蓝牙等。

本文分享自微信公众号 - 老孟Flutter(lao_meng_qd),作者:老孟

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-03-26

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 150多个Flutter组件详细介绍送给你

    150+Flutter组件详细介绍地址:http://laomengit.com/

    老孟Flutter
  • Flutter vs Native与React-Native:检查性能

    玄武门之变是唐高祖武德九年六月初四(公元626年7月2日)由当时唐高祖李渊次子秦王李世民在唐王朝的首都长安城大内皇宫的北宫门——玄武门附近发动的一次流血政变。

    老孟Flutter
  • Flutter 1.17版本重磅发布

    老孟导读:Flutter 1.17版本重磅发布,下面就让我们来欣赏下新版本的内容吧。

    老孟Flutter
  • 跨平台技术演进及Flutter未来

    移动互联网发展十余年,伴随着 Android、iOS 等智能手机的不断普及,移动端已逐步取代 PC 端,成为兵家必争之地。正所谓“得移动端者得天下”,移动端已成...

    程序亦非猿
  • 150多个Flutter组件详细介绍送给你

    150+Flutter组件详细介绍地址:http://laomengit.com/

    老孟Flutter
  • Flutter 核心原理与混合开发模式

    在 「Fan 直播」的 Flutter 混合开发实践中,我们总结了一些 Flutter 混合开发的经验。本文第一篇章将从 Flutter 原理出发,详细介绍 ...

    QQ音乐技术团队
  • 开始使用:了解更多信息 顶

    南郭先生
  • Flutter学习总结系列----第一章、Flutter基础全面详解

    版权声明:本文为博主原创文章,未经博主允许不得转载。https://www.jianshu.com/p/2c9867e737a1

    AWeiLoveAndroid
  • Flutter 的野心,Google 的认真,是时候准备走一波了

    说实话,Flutter 身为 Google 旗下最重要的一步棋,可以说是承前启后。前指的是:基于 Android 和 iOS 的跨平台解决方案,后指的是:它也是...

    非著名程序员
  • Flutter-初试牛刀,入门篇

    好像说的就是我呀。学习Flutter一段时间了,我感觉我要入门了,特来总结一下遇到的点点滴滴。如下效果就是我用Flutter重写的曾经项目部分效果,说是部分其实...

    Light413

扫码关注云+社区

领取腾讯云代金券