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

入门: 在Windows上搭建Flutter开发环境

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

先備概念

常用元件
Text：文字控件，在應用中創建各種樣式的文本。
Row,Column：Flex控件，可以創建水平(Row)或垂直(Column)方向的佈局，是基於Web的flexbox的佈局模式設計的。
Stack：非線性佈局（水平或垂直），控件可以堆疊在其他控件上，可以使用Positioned控件控制Stack相對頂部、右部、底部和左部的位置，是基於Web的absolute定位的佈局模式。
Container：創建矩形的可視元素，可以用BoxDecoration來設計樣式，比如背景、邊框和陰影，Container也有邊距、填充和大小限制，另外，還可以在三維空間利用矩陣進行變換。

建立myapp專案

flutter create myapp
cd myapp

專案目錄架構說明

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

開啟Android Studio中的AVD虛擬機器

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

flutter devices   //檢查是否有虛擬機連結
flutter run       //執行flutter
錯誤：
adb: failed to install G:\flutter\myapp\app\build\app\outputs\apk\app.apk:Failure [INSTALL_FAILED_INSUFFICIENT_STORAGE]Error launching application on Android SDK built for x86.
1.Tools / Android / AVD Manager
2.Select the device to clear cache
3.Click on the small arrow at the right
4.Wipe data

修改程式碼

開啟lib\main.dart
修改內容即可

Hot Reload&Hot Restart

點擊小寫r          //Hot Reload(適用於小變動)
點擊大寫R          //Hot Restart(適用於大變動)
錯誤：無法hot reload
關掉CMD和AVD視窗
重新執行flutter run指令

安裝使用外部Package

#注意yaml文件很注意縮排，只能用空白鍵、不能用tab鍵進行縮排喔。都是「空兩格」
開啟pubspec.yaml
dependencies:
  flutter:
    sdk: flutter

  cupertino_icons: ^0.1.2
  english_words: ^3.1.0   // add this line
回到CMD
flutter pub get
回到lib/main.dart
import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';  //匯入模組