Flutter 之 Hello World | 點燈坊

Flutter 使用最簡單的方式在 Android 與 iOS 顯示 Hello World。

Version

Flutter 3.24
Dart 3.5

Flutter

• Android 與 iOS 都成功顯示 Hello World

Main

main.dart

import 'package:flutter/material.dart';

void main() {
  runApp(const Center(
      child: Text(
    'Hello World',
    textDirection: TextDirection.ltr,
  )));
}

• main()：Flutter 會從 main() 開始執行
• runApp()：將傳入的 widget 顯示在 view
• Center：建立 Center widget
  • child：將 Text widget 放在 Center widget 內
• Text：建立 Text widget
  • textDirection：指定文字顯示的方向，此為必備屬性，否則會 run time 錯誤

Conclusion

• Hello World 雖然是最基本的 app，但仍可從中學到一些 Flutter 觀念