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 { @...