簡單構建一個頁面

程式碼如下：

import 'package:flutter/material.dart';

// app 入口
void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      theme: new ThemeData(
        primarySwatch: Colors.green,
      ),
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Welcome to Flutter')
        ),
        body: new Center(
          child: new Text('Hello World'),
        )
      )
    );
  }
}
 

效果圖：

目錄配置

1. main() : 程式主入口
2. StatelessWidget: 不需要可變狀態的元件
   StatefulWidget: 具有可變狀態的元件
3. build()方法來描述用其他較低級別的widget來顯示自己
4. Scaffold 是 Material library 中提供的一個widget, 它提供了預設的導航欄、標題和包含主螢幕widget樹的body屬性