Flutter學習-2

 以下介紹，如何寫出Flutter簡單的架構

//導入包（庫），將第三方別人已寫好的方法material.dart導入，以便使用
import 'package:flutter/material.dart';

/*
main()為dart及flutter程式的入口，寫法一
void main() => runApp(const MaterialApp());
*/

//寫法二（利用語法糖），如果僅有一行也可以用=>的寫法
void main() {
  runApp(const MaterialApp(
    home: Test(),
  ));
}

//此為上面runApp要運作的Test類別，後面繼承至StatelessWidget這個無狀態改變的部件
class Test extends StatelessWidget {
  const Test({Key? key}) : super(key: key);

  //建立要放入的Widget，下面的Widget只有回傳文字"Hello world"
  @override
  Widget build(BuildContext context) {
    return const Text("Hello world");
  }
}

1.導入程式要用的Package，而多半使用的為material.dart這個包。
2.加入void main(){} ，main函式為Dart語言指定程式執行的入口，而這也是Flutter程式的入口。

3.在main這個入口函式中運作接下來要運作的程式，一般都會透過runApp這個方法，運作剛才導入包中的MaterialApp的方法，而這個方法裡面的home:可以將你接下來所寫的函式內容中的Widget（部件）放入營幕的主要畫面中。4.Text("Hello world")為一文字的Widget寫法，上面的程式透過return將它回傳，放至營幕內容中
。

4.運行上面的程式，會在營幕中出現"Hello world"兩個字。