【重要】iOS开发者如何快速上手Flutter开发-文档教程

来源：2-2 iOS开发者如何快速上手Flutter开发

CrazyCodeBoy

2020-02-19

iOS

本节课的设计初衷是希望帮助到有一定iOS知识的同学，能够复用到现有的iOS知识来快速上手Flutter开发。相比其他的开发者，iOS开发者是比较容易上手Flutter开发的一批人，因为Flutter对移动端开发者是比较亲和的，为什么这么说呢，因为Flutter是一套主要用于开发移动端APP的框架，它的很多模式和特性是和iOS比较契合的。

语言基础

在开发语言上Flutter采用的是Google的Dart语言，从Dart2开始Dart便是强类型语言，而且是静态类型的，另外还有很重要的一点是Dart是面向对象的，这和iOS同学熟知的Object-c语言很相似，所以iOS学习Flutter在语言基础是上有优势的，能够复用现有的Object-c语言基础来学习Dart。

开发工具

在开发工具上Flutter的官方支持的开发工具是Android Studio，Android Studio和我们熟知的XCode很相似，它是一个用来开发Android APP的IDE，我们只需要在现有的Android Studio基础上安装Flutter和Dart插件即可让我们手中的Android Studio拥有开发Flutter的能力，这块环境的搭建大家可以参考我们课程中《开发工具准备与开发环境搭建》一节的讲解。

布局

在布局方面，Flutter采用的是声明式UI布局方式这和iOS的框架通常使用的命令式的UI编程风格有所不同。

为了减轻开发人员在各种UI状态之间转换的编程负担，Flutter让开发人员描述当前的UI状态，并切不需要关系它是如何过渡到框架的。

虽然声明式UI能帮我们减轻很多负担，但大家要将布局的思维方式要转变过来。

接下来，我们来体验一下Flutter声明式UI布局方式的效果：

Container(
    decoration: BoxDecoration(color: Colors.grey),
    child: Text(
    '声明式布局',
    style: TextStyle(
        fontSize: 20, fontWeight: FontWeight.w600, color: Colors.red),
    ),
)

从上面Flutter代码可以看出，Flutter的布局方式和我们iOS布局常用的AutoLayout或Masonry有所不同，从iOS布局方式到Flutter的布局方式的转变需要一段时间进行适应，我们需要做的就是多画界面从中找到感觉，另外在课程中我们为大家准备了《如何进行Flutter布局开发？》相关知识点的讲解，推荐大家进行学习。