Flutter VS 开发环境设计特点和基本概念

Flutter 是 Google 的移动 UI 框架，可以在 iOS 和 Android 上快速创建高质量的原生 UI。它也适用于现有代码。 Flutter被全球越来越多的开发者使用，并且Flutter是完全免费和开源的。 Flutter已经发布很长时间了。阿新认为，大前端路由是一种趋势，值得学习。

我们将向您介绍一些基本的Flutter概念以及其开发的准备工作。功能和基本概念

。

2。设置开发环境。 Flutter 的特性和基本概念 Flutter 特性如下： 跨平台 ：现在 Flutter 可以跨至少 5 个平台，甚至支持嵌入式开发。我们常用的有MacOS、Windows、Linuxr、Android、iOS，甚至可以运行在Google最新的 Fuchsia操作系统上。到目前为止，Flutter 是一个支持大多数平台的框架。 良好的跨平台功能直接带来了降低开发成本的优势。 丝滑体验：利用Flutter内置的高端材质设计和Cupertino风格的组件、丰富的动效API、流畅自然的滚动效果以及平台感知，为带来全新体验 用户。 响应式框架：使用响应式Flutter框架和一系列核心组件，您可以轻松创建用户界面。使用强大且灵活的 API（用于 2D、动画、手势、效果等）解决棘手的 UI 挑战。 支持的插件：通过Flutter插件，您可以访问平台的本地API，例如摄像头、蓝牙、WiFi等。使用现有的Java、C++和其他代码来实现本机系统调用。 Flutter 包括现代响应式框架、2D 渲染引擎、现成的组件和开发工具。 Flutter的基本概念有：组件、构造、状态、框架等。下面列出了它们。 .1 一切都是组件

组件（小部件）是应用程序用户界面的基本构建块Flutter。不仅按钮、输入字段、选项卡和列表可以用作小部件，布局方法和动画处理也可以被视为小部件。所以Flutter有一个一致的单一对象模型：Widget。 Widget 可定义为： 界面组件 （例如按钮或输入字段） （例如字体布局或颜色） （例如填充或滚动） 处理动画 （例如释放） 手势处理 （用于更改处理状态的手势检测器） 回调方法。 .2 插入组件

复杂的功能接口通常由功能简单的组件构建而成。这种嵌套组合的最大优点就是分离。

最基本的组件类是Widget，其他所有组件都继承Widget，如图1-1所示。组件主要有两种类型：构造组件和无状态组件。有状态组件是接口发生变化的组件。无状态组件是接口不改变的组件。

1-1 类的层次结构.3 分层框架

Flutter 该框架是分层结构，每一层都建立在前一层之上。图1-2展示了Flutter框架，其中顶层的使用频率高于底层。

分层设计的目标是帮助开发人员用更少的代码做更多的事情。

1-2 Flutter 框架 开发环境搭建

开发环境搭建，Flutter 支持 Windows、MacOS 和 Linux 三种环境。我们主要讲的是windows环境的搭建。 .1 Windows环境搭建

1.使用镜像

由于在中国访问 Flutter 有时会受到限制，Flutter 官方为中国开发者创建了一个临时镜像。您可以在用户环境中添加以下环境变量：

export PUB_HOSTED_URL=https://pub.flutter-io.cnexport FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

（系统变量或用户变量均可）

2. 获取 Flutter SDK 链接地址：https://flutter.dev/docs /development /tools/sdk/releases# windows

3.下载并解压配置环境变量flutter在系统变量path下配置解压路径；结束

重启电脑，打开命令dos 输入flutter doctor 如图

标有√的已经配置完毕。？重启Android 重启Studio后如图1-3所示，就表示已经完成了

1-3 Flutter安装完成

，然后设置Flutter和Dart的SDK路径然后就可以新建项目了扑。图1-4代表成功。

1-4 成功运行。