Flutter 學習筆記① 第一個 Flutter App

dawson_liu發表於2020-05-28

程式碼

import 'package:flutter/material.dart';

// main 函式呼叫了 runApp 方法,其功能是啟動 Flutter應用
// runApp 接受的是一個 widget 引數,MyApp 是一個物件,是 flutter應用 的一個根元件
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // MaterialApp是材質庫中提供的 Flutter APP 框架,
    // 通過它可以設定應用的名稱,主題,語言,首頁和路由列表等。MaterialApp 也是一個小部件
    return new MaterialApp(
      // 應用程式名稱
      title: 'my_first_app',
      // Scaffold 是 Material 庫中提供的頁面腳手架
      home: new Scaffold(
        // 預設的導航欄、標題和包含主螢幕widget樹(元件樹)的body屬性。(元件樹可以很複雜)
        appBar: new AppBar(
          title: new Text('Welcome to Flutter'),
        ),
        body: new Center(
          child: new Text('Hello World'),
        ),
      ),
    );
  }
}
本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章