Flutter

發表於 更新於 分類於 Disqus：
文章字數： 1.4k 所需閱讀時間 ≈ 1 分鐘

Install

Install Flutter SDK

set correct path : D:\app\src\flutter
run by flutter console

flutter –version

set path for flutter
run flutter by command line and check installed

flutter doctor

Install Android Studio

install complete -> install package flutter(also auto install Draft)

Run Android Emulator

set windows’s Hypervisor
create project
run virtual machine

stop virtual machine

run/stop main.dart

stop main.dart

set Android Studio UI

Theme

Font

shortcut command

save code auto alignment

show closing labels in Dart source cide

enable adnroid device 開發人員模式

連續按版本編號直到顯示 開發人員模式已開啟

enable USB 偵錯模式

Emulator

enable/disable Emulator frame

debug

disable debug banner

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// main.dart
// debugShowCheckedModeBanner: false

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false, // disable debug banner
      home: Scaffold(
        appBar: AppBar(
          title: const Text('I Am Rich man'),
        ),
      ),
    ),
  );
}

syntax

set property

set color
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
// backgroundColor: Colors.blueGrey[900],

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false, // disable debug banner
      home: Scaffold(
        appBar: AppBar(
          title: const Text('I Am Rich'),
          backgroundColor: Colors.blueGrey[900],
        ),
      ),
    ),
  );
}

package

class

reference