开始使用 Flutter

AWS 安全上线！

大家好！这几天一直在忙着做 Dart 教程，强烈建议大家先看看之前的系列，然后再开始这期。我们打算先讲解 Flutter 的几个关键点，所以先做一个简短的概述。现在我迫不及待地想开始体验 Flutter 了，让我们一起开始这期的教程吧！

什么是 Flutter🤔？

Flutter 是 Google 于 2017 年 5 月左右发布的开源框架，旨在通过单一代码库构建美观、原生编译、跨平台的应用程序。
这意味着您可以使用一种编程语言和一套代码库来创建两种不同的应用（移动端、Web 端、桌面端和嵌入式设备）。

因此，关于之前的系列，flutter 是 Dart 的一个框架，而且由于 Dart 很令人兴奋，这意味着 flutter 也很有趣并且易于学习😝哇，这听起来很有趣，对吧？

Flutter 的两个主要部分是什么？

• SDK（软件开发工具包）：一组可帮助您开发应用程序的工具。其中包括将代码编译为本机代码（适用于 iOS 和 Android 的代码）的工具。

• 框架（基于小部件的 UI 库）：可重复使用的 UI 元素（按钮、文本输入、滑块等）的集合，您可以根据自己的需要进行个性化设置。

继续前进……

为什么要学习和使用 Flutter？

我将根据自己的经验选择这个

• Flutter 简单易用：

Flutter 是一个现代框架，你可以感觉到它，因为我第一次使用 React Native 和 Java 时，它有点累人，但是当我转到 Flutter 时，一切都不同了，在使用 Flutter 之前，我没有感受到移动开发的甜蜜😂。我喜欢的一件事是，你无需大量代码即可构建本机应用程序。

• Flutter 速度很快：

我所说的速度快是指与其他需要在代码和原生元素之间建立桥梁的跨平台开发应用程序（如 React Native）相比，Flutter 消除了降低性能的额外处理步骤，从而明显加快了速度。

• Flutter 非常高效：

但是 Flutter 是如何提升生产力的呢？主要是通过 Flutter 内置的功能：Widget、动画和热重载。热重载允许开发者实时查看他们对应用程序所做的所有更改。这样，所有出现的问题都可以得到有效的管理。重大修改会迫使你重新加载应用程序。但如果你进行设计之类的工作，例如更改元素的大小，它就可以实时显示！这是我最棒的部分 😂

• Flutter 非常灵活：

Flutter 内置了Flexible Widget，用于控制 Row、Column 和 Flex 等基础 Flex Widget 的子 Widget 如何填充其可用空间。Flutter 中的 Expanded Widget 是Flexible Widget的简写，默认填充方式为 FlexFit。

• Flutter 有很好的文档：

说实话，我是通过 Flutter 的文档学习的，文档非常详细，还提供了简单易懂的示例来说明基本用法。每次我的代码中某个小部件出现问题时，我都能查看文档，答案就在那里。

• Flutter 非常适合初创 MVP：

如果您想快速开发您的应用程序，请使用 Flutter，因为它更便宜，因此您不需要为不同的设备开发不同的应用程序，因此使用 Flutter，您将为所有人构建一个漂亮的应用程序😊。

• Flutter 拥有一个不断壮大的社区😎，此外它还得到了我们自己最好的代码编辑器 Vs Code 😂 的支持。

Flutter 的原理是什么？

• 一切都是小部件!!! 因此，由于这个原则，当您听到 Flutter 时，您听到的都是每个人都在谈论小部件，那么什么是小部件？

Widget 是 Fl​​utter 框架的核心类层次结构。Widget 是对用户界面一部分的不可变描述。Widget 可以扩展为元素，用于管理底层渲染树。Widget 本身没有可变状态（所有字段都必须为 final）。

• 组合继承继承是指一个类能够从其父类及其父类继承属性和策略等。在 Dart 中，@override元标签就是一个典型的例子。有了它，子类继承的行为执行可以精确到更具体的子类型。

• Widget 树Widget 树是你创建 UI 的方式；你可以将 Widget 相互嵌套，从而构建简单或复杂的布局。由于 Flutter 框架中的所有内容都是 Widget，因此当你开始嵌套它们时，代码会变得越来越难以理解。

Flutter 架构

除了我们之前讨论过的核心概念之外，Flutter 还提供了可应用于应用程序并轻松管理其状态的基本架构。Flutter 中使用的架构称为业务逻辑组件 (BLOC)。本质上，它是一种基于事件状态的方法，允许您触发事件并根据事件处理状态更改。BLOC 是一种很好的方法，它将业务逻辑与用户界面分离，并通过测试来监督业务逻辑的关键点。BLOC 架构的核心思想是简单性、可扩展性和可测试性，所有这些目标都在 BLOC 架构中得到了充分实现。但这是一个非常庞大的独立主题，我们将在以后讨论。

有关如何安装和设置 Flutter 编辑器的更多信息，请前往：安装和设置 Flutter 编辑器

谢谢你🔥读到这里……很有意思吧？
想深入了解 Widget 吗？😝 敬请期待更多文章……
想了解更多关于 Flutter 的信息，请访问 flutter.dev