如何使用Flutter+Dart開發一個Android APP

寫在文章開頭的話

做爲一名程序員，要時刻關注行業的新技術，一段時間不學習就會落伍。技術的更新速度很快，要時刻關注技術趨勢，並不斷學習，才能跟上時代的發展。這也直接間接的致使程序員早早脫髮。

移動端有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
複製代碼

3. 添加環境變量PATH

# flutter
export PATH=$PATH:${HOME}/workspace/flutter/flutter/bin
複製代碼

4. (提早)下載開發須要的二進制文件

$ 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…