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

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

CrazyCodeBoy

2020-02-19

Android

本节课的设计初衷是希望帮助到有一定Android知识的同学，能够复用到现有的Android知识来快速上手Flutter开发。相比其他的开发者，Android开发者是最容易上手Flutter开发的一批人，因为Flutter对Android开发者是比较亲和的，为什么这么说呢，这和Flutter和Android同出自Google是分不开的。

语言基础

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

开发工具

在开发工具上Flutter的官方支持的开发工具是Android Studio，对没错就是同学们平时开发Android所用的Android Studio，我们只需要在现有的Android Studio基础上安装Flutter和Dart插件即可让我们手中的Android Studio拥有开发Flutter的能力，这块环境的搭建大家可以参考我们课程中《开发工具准备与开发环境搭建》一节的讲解。

布局

在布局方面，Flutter采用的是声明式UI布局方式这和Android和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的布局方式和我们Android布局常用的xml布局方式有所不同，从Android布局方式到Flutter的布局方式的转变需要一段时间进行适应，我们需要做的就是多画界面从中找到感觉，另外在课程中我们为大家准备了《如何进行Flutter布局开发？》相关知识点的讲解，推荐大家进行学习。