Flutter的特点与核心概念VS开发环境搭建

我们将介绍Flutter的一些基本概念，及开发Flutter的准备工作。

的特点与核心概念。

2.开发环境搭建。

组件（Widget）是Flutter应用程序用户界面的基本构建块。不仅按钮、输入框、卡片、列表这些内容可作为Widget，甚至将布局方式、动画处理都视为Widget。所以Flutter具有一致的统一对象模型：Widget。

复杂的功能界面通常是由一个一个简单功能的组件组装完成的。这种嵌套组合的方式带来的最大好处就是解耦。

最基础的组件类是Widget，其他所有的组件都是继承Widget的，如图1-1所示。主要有两大类组件：有状态组件和无状态组件。有状态组件是界面会发生变化的组件。无状态的组件即界面不发生变化的组件。

Flutter框架是一个分层的结构，每一层都建立在前一层之上。图1-2显示了Flutter框架，上层比下层的使用频率更高。

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

1-2 Flutter框架

开发环境搭建，Flutter支持三种环境：windows、MacOS和Linux。我们主要说windows环境搭建。

1.使用镜像

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

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

（系统变量 或者用户变量都行）

   打开Android Studio -> File -> Settings -> Plugins

分别下载Dart插件和Flutter插件

安装完成后重启 android studio

然后设置flutter和dart的sdk路径：

再次运行dos命令  flutter doctor

最后后就可以新建flutter 项目 如图1-4 代表成功

1-4 运行成功