Flutter 是 Google 推出的一個基於 Dart 的開發框架, 主打跨平台, 使用者透過 Flutter 開發, 可同時在 iOS 與 Andriod 上運作, 省下開發時間與成本, 詳細的介紹可以上 Flutter 官網查詢
安裝 Flutter: 安裝 Flutter , 簡體中文
Flutter 編輯器:
Android Studio: https://flutter.dev/docs/get-started/editor
VSCode: https://juejin.im/post/5c19f4b551882543871d62fc

第一個程式: Hello World ( 使用 VSCode )
Step1. Ctrl + Shift + P 建立 Flutter 專案
在 > 後打上專案名稱, Flutter 會建立專案所需的檔案
Step2. 打開 main.dart , 檔案在 lib 的目錄下

Step3. 撰寫程式
import 'package:flutter/material.dart'; //導入 material.dart , 它是一個基於 Material Design 的函式庫, 有許多的 Widget 可以使用, 詳細請看 https://material.io/components/ void main() { //如同 C, Java 一樣, 這是個程式的入口, Flutter 程式的起點從這裡開始 runApp( MaterialApp( title:'Test', // 此title 會顯示在 Android 任務管理器的上方, iOS 無此功能 home: Scaffold( appBar: AppBar( title: Text("This is title"), // App Title 欄位上的文字 ), body: Center ( child: Container( child: Text("Hi! I am Flutter"), //內文的文字 ), ), ), ) ); }
Step4.
儲檔後, 直接按下 F5 可執行程式,
或可在 teminal 下打上 flutter run 來執行
* 請先開啟 Android 或 iOS 模擬器
