如何使用Flutter+Dart开发一个Android APP

6,050 阅读3分钟

写在文章开头的话

作为一名程序员,要时刻关注行业的新技术,一段时间不学习就会落伍。技术的更新速度很快,要时刻关注技术趋势,并不断学习,才能跟上时代的发展。这也直接间接的导致程序员早早脱发。

移动端有iOS、Android、WP等,桌面端有Windows、Linux、MacOS等,还有Web端,移动端、桌面端、Web端统称为大前端。大前端中的每一个细分领域用到的语言、框架和技术都不一样,在这些领域之间跳动就要学习一大堆的新技术,直接导致了就业面的变窄,而且每一个细分领域的技术也在不断的更新。千言万语汇成一句话,程序员要想活下去就要不断学习。

一个理想的状态就是,用一种语言和技术就可以进行大前端所有领域的开发工作,这是公司和员工共同的愿望。所以大前端的跨平台开发技术必然是一个大趋势,一套代码,多端运行。

Flutter是Google公司开发的一套跨平台技术,用于大前端程序开发。Flutter使用的开发语言是Dart。Kotlin是Android平台应用程序开发的官方语言,此外也可以使用Java和C/C++进行开发。今天,我们看看如何使用Flutter+Dart开发一个Android应用程序。

Flutter开发环境搭建

访问Flutter官网,下载SDK安装包,配置环境变量。好多技术一般都是着几步,下面一步一步来。SDK官方下载地址

Flutter官网安装页面:

下面以linux(Ubuntu)平台为例子:

  1. 下载SDK storage.googleapis.com/flutter_inf…
  2. 解压到特定目录
$ tar xf flutter_linux_v1.12.13+hotfix.8-stable.tar.xz
  1. 添加环境变量PATH
# flutter
export PATH=$PATH:${HOME}/workspace/flutter/flutter/bin
  1. (提前)下载开发需要的二进制文件
$ flutter precache

5. 检查flutter开发环境是否安装完成

$ flutter doctor

flutter doctor命令会检查开发需要的依赖,并给出提示。当出现问题的时候,可以根据提示去修复。

Dart SDK安装

Dart SDK的安装也是三步:官网下载SDK包,解压到指定目录,添加环境变量。Dart官网地址

集成开发工具安装

Flutter支持的集成开发环境有Android Studio、IntelliJ、Visual Studio Code。其中官方开发环境是Android Studio。Visual Studio Code是一款轻量级的IDE,本文将采用VS Code进行演示。

首先去微软官方网站下载:code.visualstudio.com/docs/?dv=wi…

进行Fluter开发,需要安装几个插件:Flutter、Dart、Code Runner。至此,准备工作就做完,下面就可以进行Android应用程序开发了。

总结一下:安装Flutter SDK、安装Dart SDK、安装VS Code、安装Android SDK。

Android应用程序创建

创建应用程序(VS Code)

  1. 选择 View -> Command Palette
  2. 输入flutter,选择Flutter: New Project
  3. 输入工程名字
  4. 为新工程创建或选择一个parent dir
  5. 等待工程创建完成。

创建完成后,工程列表如下。除了Android外,也有iOS的移动端程序。程序位于lib/main.dart文件。可以尝试修改一些字串,看运行效果。

运行应用程序

按F5运行应用程序。我使用的是一个Android TV的模拟器,写过如下:

下面是终端的打印信息:

后续学习

flutter.dev/docs/get-st…