【從零開始學 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 設計指南

使用 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 階層關係圖(一)

Widget 階層關係圖(二)


那這次的課程就介紹到這邊囉~
順帶一提,KT 線上教室,臉書粉絲團,會不定期發佈相關資訊,不想錯過最新資訊,不要忘記來按讚,加追蹤喔!也歡迎大家將這套課程分享給更多人喔。
我們下次再見囉!!!掰掰~

留言

這個網誌中的熱門文章

最新入門零基礎【從零開始學 Java 程式設計】線上教學課程目錄

NS - Nintendo Switch 遊戲比價網

【從零開始學 Kotlin 程式設計】Android Kotlin 線上教學課程目錄