成为 Flutter 开发者的最佳途径——完整的路线图

#初学者 #扑 #路线图 #编程

为什么颤振？

这个框架吸引了许多公司和开发团队的关注，它的成长发生在一个拥有数百万人的庞大社区中。实际上，Flutter 是由 Google 创建并于 2017 年 5 月发布的开源软件开发工具包（SDK）。它结合了两个重要部分：

• SDK： 一个可安装包中的软件开发工具集合，通过编译器、调试器...

• 框架：一组可重用的 UI 小部件，您可以根据自己的需要进行自定义。

更重要的是，Flutter 被其所有者提供的大量文档所包围，其中包含每个初学者都需要找到的内容，例如教程、示例等。Flutter 可以做什么？它允许使用具有本机应用程序质量的单一代码库构建适用于 Android、iOS、Windows、Mac、Linux 和 Google Fuchsia 的应用程序，尤其是在 Ui/Ux 中。是什么让 Flutter 与众不同？与其他跨平台开发应用程序（如 React Native）相比，需要在其代码和本机元素之间建立桥梁，Flutter 消除了降低性能的额外处理步骤，使其明显更快。

---

所以，在这篇文章中，我想为初学者推荐一个多步骤的路线图，让他们成为一名 Flutter 开发者。

1. 选择一种语言：

Flutter 应用的主要编程语言是 Dart，由 Google 于 2011 年创立。它是一种多平台异步编程语言，类型化、面向对象和客户端优化。那么，是什么让 Dart 从其他编程语言中脱颖而出？

• 针对 UI 进行了优化： Dart 是一种专为创建用户界面而设计的编程语言，具有健全的 null 安全性等功能，可保护您在运行时免受 null 异常的影响，并通过删除所有不必要的测试来提高工作效率。

• 最大生产力：代码通过热重载立即重新加载，这是通过Dart 虚拟机提供的JIT编译完成的。

• 快速在所有平台上运行： Dart 还使用AOT编译器，它将您的代码编译为本机 ARM 或 x64 机器代码，以实现快速启动和一致的运行时性能。

因此，我建议初学者在深入了解 Flutter 的基础知识之前先开始学习 Dart。

一些有用的学习资源链接：

• Dart 语言之旅。

• Dart 编程语言简介

• Dart – 变量

• Dart 中的运算符

练习，练习！

使用面向初学者的在线DartPad代码编辑器，您可以练习代码并提高您的 Dart 语言技能。

2. Flutter开发环境

在开始开发之前，您需要知道哪个 IDE 是最好的。因此，在我和许多其他开发人员看来，我建议使用 Android Studio、IntelliJ 或 VSCode。实际上，这些 IDE 通过提供代码完成工具、语法突出显示、小部件编辑帮助、运行时和调试支持以及其他功能来帮助您开发复杂的应用程序。

• 安卓工作室

• 智能

• VSCode

3. Flutter 基础知识

在熟悉了 Dart 之后，现在是时候从 Flutter Basics 开始了。

- 颤振小部件：

小部件是 Flutter 应用程序中每个 UI 的主要构建元素，整个屏幕是一个小部件，一个按钮是一个小部件，文本是一个小部件，等等。

- 小部件类型：

Flutter 小部件分为两种类型：无状态小部件和有状态小部件。无状态小部件是不可变的，因此它们不能在程序运行时或在屏幕上执行操作（例如图标、文本等）时更改其外观或属性。另一方面，有状态小部件是一种很好的方式将交互添加到您的视图中。事实上，他们可以根据用户触发的事件或数据更新来改变自己的外观。为此，您应该重写createState()方法，该方法返回小部件的状态。
查看以下站点以获取有关各种类型的 Flutter 小部件的更多信息：

• StatelessWidget 类

• StatefulWidget 类

- 继承小部件：

当您使用前两个小部件时，您将获得一个小部件树，您可以使用Flutter 检查器检查它。当您想要将数据发送到树中的下一个小部件时，您必须使用每个小部件的构造函数将数据从一个传递到另一个，这是一项耗时的工作，尤其是对于大型应用程序。
InheritedWidget 通过能够持久化数据并将其传递到小部件树而无需调用每个小部件的构造函数来解决上述问题。
请查看以下网站以了解有关此小部件如何工作以及如何实现它的更多信息：

• InheritedWidget 类

• InheritedWidget 实现

- Flutter 的基本小部件：

Flutter 有一组强大的基本小部件，例如 Text、Icon、Row、Stack、Container 等。这些是您在开发第一个应用程序之前必须了解的小部件，它们将帮助您创建自定义小部件。

• 颤振小部件

• 颤振小部件目录

• 基本小部件

• 添加与自定义小部件的交互性

在探索不同的 Flutter 小部件时，您很可能会遇到两种类型的 Google 设计指南。

- 颤振设计指南：

任何 Flutter 应用程序都是 Material 或 Cupertino 设计的。Google 构建了 Material 设计系统以支持任何平台，不仅包括 Android，还包括 iOS、Web 和桌面应用程序。实际上，这种设计包括许多支持用户界面设计最佳标准的组件和技术。然而，如果你想让你的应用看起来像一个普通的 iOS 应用，你应该使用 Cupertino 库。对于这些设计原则中的每一个，Flutter 都提供了各种小部件，因此您可以查看以下链接以更加熟悉 Flutter 设计元素：

• Cupertino（iOS 风格）小部件

• 材料设计组件

- 导航和路由：

大多数 Flutter 应用程序都有多个屏幕，因此您应该在它们之间转换以访问不同的屏幕并根据需要传递数据。在这种情况下，Flutter 为我们提供了Navigator 类，其主要功能是控制应用程序的导航。

• 导航到新屏幕并返回</