Flutter指南

最新推荐文章于 2024-08-08 08:57:11 发布

锐湃

最新推荐文章于 2024-08-08 08:57:11 发布

阅读量262

点赞数 1

分类专栏： flutter 文章标签： flutter

原文链接：https://mp.weixin.qq.com/s/5Uda81ICZdUsI8hwDhyAWA

版权

flutter 专栏收录该内容

82 篇文章 7 订阅

订阅专栏

1. Flutter 的现状

自从 2018 年 12 月，谷歌发布了 Flutter 1.0稳定版本，至今 Flutter 已经发布到了 2.10 版本，几乎每次版本发布都会解决数千个问题、合入数千个PR，官方的持续的更新，让整个 Flutter 生态越来越强大，你可以通过一套代码库来构建 Android、iOS、桌面、嵌入式等应用。

Flutter已经俨然成为世界上最流行的跨平台框架之一了。

通过Flutter 官网显示：

https://flutter.dev/ecosystem

超过 200W+开发者，以及 35W+App 通过 Flutter 构建，足以说明 Flutter 社区和用户的活跃度。

根据 2019~2021年的研究，可以看到在 2021 年全球有 42% 软件开发者使用Flutter，Flutter 直接成为排名第一的跨平台框架。

https://www.statista.com/statistics/869224/worldwide-software-developer-working-hours/ Flutter 发展趋势图

「Stackoverflow 研究还显示 “68.17%” 的开发者喜欢Flutter, “16.3%” 的开发者希望在未来几年内改用Flutter。」

https://insights.stackoverflow.com/survey/2021#most-loved-dreaded-and-wanted-misc-tech-love-dread

2. Flutter 和 Android 的技术对比

作为一个原生开发者，你的 Android 知识和技能对于 Flutter 开发是非常有用的，因为 Flutter 依赖于 Android 操作系统的多种功能和配置。Flutter 是一种全新的构建移动界面的方式，但是它有一套和 Android（以及 iOS）进行非 UI 任务通信的插件系统。如果你是一名 Android 专家，你就不必重新学习所有知识才能使用 Flutter。

2.1 View 在 Flutter 中的对应概念是什么？

Android 中的 View 是显示在屏幕上的一切的基础。按钮、工具栏、输入框以及一切内容都是 View。而 Flutter 中 View 的大致对应物是 Widget。Widget 并非完全对应于 Android 中的 View，但是在你熟悉 Flutter 的工作原理的过程中可以把它们看做“声明和构建 UI 的方式”。

然而，widget 和 View 还是有一些差异。首先，widget 有着不一样的生命周期：它们是不可变的，一旦需要变化则生命周期终止。任何时候 widget 或它们的状态变化时， Flutter 框架都会创建一个新的 widget 树的实例。对比来看，一个 Android View 只会绘制一次，除非调用 invalidate 才会重绘。

2.2 Intent 在 Flutter 中的对应概念是什么

在 Android 中，Intent 主要有两个使用场景：在 Activity 之前进行导航，以及组件间通信。Flutter 却没有 intent 这样的概念，但是你依然可以通过原生集成插件来启动 intent。

Flutter 实际上并没有 Activity 和 Fragment 的对应概念。在 Flutter 中你需要使用 Navigator 和 Route 在同一个 Activity 内的不同界面间进行跳转。

Route 是应用内屏幕和页面的抽象，Navigator 是管理路径 route 的工具。一个 route 对象大致对应于一个 Activity，但是它的含义是不一样的。Navigator 可以通过对 route 进行压栈和弹栈操作实现页面的跳转。Navigator 的工作原理和栈相似，你可以将想要跳转到的 route 压栈 (push())，想要返回的时候将 route 弹栈 (pop())。

2.3 异步任务在 Flutter 中的应该怎么做？

在 Android 中，当你想要访问一个网络资源却又不想阻塞主线程并避免 ANR 的时候，你一般会将任务放到一个后台线程中运行。例如，你可以使用一个 AsyncTask、一个 LiveData、一个 IntentService、一个 JobScheduler 任务或者通过 RxJava 的管道用调度器将任务切换到后台线程中。

由于 Flutter 是单线程并且运行一个事件循环（类似 Node.js），你无须担心线程的管理以及后台线程的创建。如果你在执行和 I/O 绑定的任务，例如存储访问或者网络请求，那么你可以安全地使用 async/await，并无后顾之忧。再例如，你需要执行消耗 CPU 的计算密集型工作，那么你可以将其转移到一个 Isolate 上以避免阻塞事件循环，就像你在 Android 中会将任何任务放到主线程之外一样。

对于和 I/O 绑定的任务，将方法声明为 async 方法，并在方法内 await 一个长时间运行的任务：

Future<void> loadData() async {
  var dataURL = Uri.parse('https://jsonplaceholder.typicode.com/posts');
  http.Response response = await http.get(dataURL);
  setState(() {
    widgets = jsonDecode(response.body);
  });
}

2.4 Activity 和 Fragment 在 Flutter 中的对应概念是什么？

在 Android 中，一个 Activity 代表用户可以完成的一件独立任务。一个 Fragment 代表一个行为或者用户界面的一部分。Fragment 用于模块化你的代码，为大屏组合复杂的用户界面，并适配应用的界面。在 Flutter 中，这两个概念都对应于 Widget。

Flutter 中的界面都是以 Widget 表示的，因为 Flutter 中一切皆为 Widget。你使用 Navigator 在表示不同屏幕或页面，或者仅仅是相同数据的不同状态和渲染的各个 Route 之间进行导航。

2.5 Gradle 文件的对应物是什么？我该如何添加依赖？

在 Android 中，你在 Gradle 构建脚本中添加依赖。Flutter 使用 Dart 自己的构建系统以及 Pub 包管理器。构建工具会将原生 Android 和 iOS 壳应用的构建代理给对应的构建系统。

虽然在你的 Flutter 项目的 android 文件夹下有 Gradle 文件，但是它们只用于给对应平台的集成添加原生依赖。一般来说，在 pubspec.yaml 文件中定义在 Flutter 里使用的外部依赖。pub.dev 是查找 Flutter packages 的好地方。（pub.dev: https://pub.flutter-io.cn/packages?q=sdk%3Aflutter）

完整版的《给Android开发者的Flutter指南》因篇幅太长，无法一一写在本文中，有需要PDF完整版的小伙伴请加文末的微信免费领取。