Flutter跨平台APP開發:環境建立

透過上文建立好開發環境後,我們要來建立第一個APP

先備概念

常用元件

建立myapp專案

flutter create myapp

專案目錄架構說明

android和ios資料夾:         大多時候都用不到,純粹是跨平台的資料夾而已
lib資料夾: 我們APP的程式碼都放在這邊
test資料夾: 單元測試的程式碼放這邊
pubspec.yaml檔案: 專案相關檔案
.metadata和.packages: 不須動到,但是Flutter需要它們

開啟Android Studio中的AVD虛擬機器

如果沒開AVD會產生錯誤喔!

flutter devices   //檢查是否有虛擬機連結
flutter run //執行flutter

修改程式碼

開啟lib\main.dart

Hot Reload&Hot Restart

點擊小寫r          //Hot Reload(適用於小變動)
點擊大寫R //Hot Restart(適用於大變動)

安裝使用外部Package

#注意yaml文件很注意縮排只能用空白鍵、不能用tab鍵進行縮排喔。都是「空兩格」

Written by

Machine Learning / Deep Learning / Python / Flutter cakeresume.com/yanwei-liu

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store