【從零開始學 Flutter 程式設計】第一支 Flutter 應用程式 - Hello World

【從零開始學 Flutter 程式設計】線上教學課程目錄 使用 Dart 程式語言，開發 Android 和 iOS APP 應用程式。

最簡單的 Flutter 應用程式

在畫面正中間，顯示文字「第一個APP」。

main: Dart 程式進入點
runApp： Flutter 程式進入點

import 'package:flutter/material.dart';

void main() {
  runApp(new Center(
    child: new Text(
      '第一個APP',
      textDirection: TextDirection.ltr,
    ),
  ));
}

執行畫面

Material 設計指南

https://material.io/design/

使用 Material 樣式主題

一樣在畫面正中間，顯示文字「第一個APP」。但這次採用 Material 樣式主題

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('第一個APP'),
      ),
      body: Center(
        child: Text('HKT線上教室'),
      ),
    ),
  ));
}

執行畫面

Widget 階層關係圖(一)

參考資料：Flutter : From Zero To Comfortable

Widget 階層關係圖(二)

參考資料：Widget - State - Context - InheritedWidget

---

那這次的課程就介紹到這邊囉～

順帶一提，KT 線上教室，臉書粉絲團，會不定期發佈相關資訊，不想錯過最新資訊，不要忘記來按讚，加追蹤喔！也歡迎大家將這套課程分享給更多人喔。

我們下次再見囉！！！掰掰～