Site icon George的生活點滴

Flutter – Hello World

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 模擬器

Exit mobile version