H Hello Word! 應該是所有人剛接觸任何一個新技術時,第一篇就是教大家寫出這段話吧! 呼~ 好佳在,Flutter不是純程式語言,它是 UI 啊!!! 所以,本篇除了開頭寫出,再來就不會出現囉~ 一、正式前言 本篇完全參考 Codelabs 上的 Building Beautiful UIs with Flutter 。 讀者英文程度還可以的,直接看原文會更深入了解,接下來是給比較不想要看太多英文字串的人來閱讀。 環境建置就不再多說明,請先把 flutter 設定好,再執行 $ flutter doctor 檢查所有功能都正常就代表OK了 二、開始進入主題 首先,建立一個 Flutter 專案。接著可以把原本的程式碼清乾淨囉 預期畫面最後會像這樣 iOS Android 1、標題先搞定 目標建立一個 MateriaApp 包一個 Scaffold 再定義 AppBar main.dart // 取代原先在 main.dart 中的程式碼 import 'package:flutter/material.dart'; void main() { runApp(new FriendlychatApp()); } class FriendlychatApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( title: "Friendlychat", home: new ChatScreen(), ); } } class ChatScreen extends StatelessWidget { @override Widget build(BuildContext context) { return new Scaffold( appBar: new AppBar(title: new Text("F