[windows/flutter]找到時間繼續來研究flutter

其實我覺得官方文件就寫的超好，然後安裝問題在下指令flutter doctor時，也會有很清楚的解決方法，所以就主要寫寫成功的心得。

Flutter教學網址

要安裝的項目
1. Flutter SDK
解壓縮以後放在D槽，然後把環境變數指到這個資料夾，然後就可以下flutter doctor了

2. Android Studio
下flutter doctor就會發現缺少他，然後他就會顯示下載網址給你下載
下載好以後，打開安裝程式，記得把Android Studio的程式與SDK的位置通通都設在D槽
( 也就是要選Custom的安裝流程 )

3. 新增一個模擬器

記得讓你電腦量力而為，我電腦只跑得動Nexus_S_API_29 囧


新增專案囉

1. 打開VS code
記得先裝好套件1. Dart 2. Flutter

2. Ctrl Shift P
輸入flutter
選擇New Project

3. 如果打開模擬器了，按下F5就可以把結果放到模擬器上了

最基本的Code

1. 參考網址

2.

import 'package:flutter/material.dart';

樣式載進來

3.

void main() => runApp(MyApp());

main這個function return reunApp這個方法，然後要帶入MyApp這個Class執行後產生的結果

4.

class MyApp extends StatelessWidget{

狀態不是重點的class

5.

@override

繼承的東西要有，阿下面是覆蓋的東西

6.

Widget build(BuildContext context){

資料型態有: Widget和BuildContext
build方法可以產生Widget放到手機上

7.

return MaterialApp(

模板套起來!

8.

title: 'My Title',

應該是整個App的title?

9.

home: Scaffold(
    appBar: AppBar(
        title: Text('Bar Title'),
    ),
    body: Center(
        child: Text('Center Text')
    )
)

Scaffold是手腳架的意思，appBar屬性就用AppBar組件套進去，body屬性就套個放在正中央的Center組件(child屬性再放個文字)

10.

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'My Title',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Bar Title'),
        ),
        body: Center(
          child: Text('Center Text')
        )
      )
    );
  }
}