Flutter 學習 - flutter 簡介 & Dart 語法入門

String name = "John Smith"; // String

int age = 18; // Number

bool isMale = true; // Boolean

var name = "John Smith"; // String

var age = 18; // Number

var isMale = true; // Boolean

var name = "John " + "Smith"; // John Smith

var desc = "He " "is " "a " "kind " "person."; // He is a kind person.

var text = "lorem ${name} dolor sit ${desc}"; // lorem John Smith dolor sit He is a kind person.

List list = [

  "123",

  'chara'

  345,

  '''

  multi line string 1

  multi line string 2

  multi line string 3

  '''

];

// 註解

list[10] = "test"; // Uncaught Error: RangeError (index): Index out of range: index should be less than 5: 10

// 巡行

list.forEach((ele) => print("${ele}"));

// (不同於 Maps, list 的 forEach 僅能 literal element 無法獲得 index.)

// 如果需要獲得 index, 我們可以使用 `asMap` 先轉換成 Map 再進行 literal.

list.asMap().forEach((index, value) => print("${ele}"));

// add element.

list.add(element);

// 或是使用 spread operator.

var value = [...list, element];

// remove by condition

list.removeWhere( (item) => item["id"] == 3 );

// remove by index.

list.removeIndex(3);

// filter

list.where((ele) => ele).toList();

// 定義空 Map

var emptyMap = {}; //_InternalLinkedHashMap<dynamic, dynamic>

var emptyMap = <String, String>{}; //_InternalLinkedHashMap<String, String>

// 用 LinkedHashMap 儲存 Map 的元素，會依照順序頭尾串接起來，是有序的 Map。

var keyValuePair = <String, String>{ // Map

  'Taiwan':'Taipei',

	'Japan':'Tokyo',

	'USA':'Washington'

};

// 使用

print(keyValuePair["Taiwan"]);

// 新增資料

keyValuePair["Tokyo"] = "Hot";

print(keyValuePair);

// 刪除資料

keyValuePair.remove('USA');

print(keyValuePair); // {Taiwan: Taipei, Japan: Tokyo, Tokyo: Hot}

// 檢查是否有 key

keyValuePair.containsKey("Taiwan"); // true

// 檢查是否有 value

keyValuePair.containsValue("Tokyo"); // true

// 巡行

keyValuePair.forEach((key, value) => {

	print("$key's capital is $value.")

});

const a = 1243; // 在 compile time a 就已經被賦值了

const time = DateTime.now(); //compile error. 因為在 compile time 無法獲得 now 的數值

final time = DateTime.now(); // 如果需要在 run time 才賦值的話，就要使用 final

dynamic variable = "string";

print(variable); // string

variable = 123;

print(variable); // 123

String func({a=1, b="abc"}) {

  return "${a}, ${b}";

}

// 也可以對 arguments 定義型別

String func({int a=1, String b="abc"}) {

  return "${a}, ${b}";

}

print(func(a: 345, b: "hello world"})); // "345, hello world"

//lambda 的方式宣告 function.

String func({int a=1, String b="abc"}) => "${a}, ${b}";

var func1 = ({a=1, b="abc"}) {

    print("${a}, ${b}");

    print("${a}, ${b} = 123");

};

func1(a: 7893, b: "test code");

// Output：

// 7893, test code

// 7893, test code = 123

class Video {

  String title; // 標題

  String description; // 影片資訊

  String publishTime; // 上傳時間

  String thumbnail; // 縮圖網址

  String url; // 影片網址

  Video(String title, String description, String publishTime, String thumbnail, String url) {

    this.title = title;

    this.description = description;

    this.publishTime = publishTime;

    this.thumbnail = thumbnail;

    this.url = url;

  }

}

class Video {

  String _title; // 標題

  String _description; // 影片資訊

  String _publishTime; // 上傳時間

  String _thumbnail; // 縮圖網址

  String _url; // 影片網址

  // 使用 縮寫，直接取代原本 assign 的寫法

  Video(this._title, this._description, this._publishTime, this._thumbnail, this._url);

  Video.onlyUrl(this._url);

  Video.onlyTitle(String title){

      this._title = title;

  }

  //getter

  String get title => this._title;

  String get url => this._url;

  //setter

  set title(String title) {

      this._title = title;

  }

}

var video1 = new Video('Dart Tutorial', 'Happy coding', '2019/9/14', 'https://123', 'https://456');

print(video1.title); //Output： Dart Tutorial

var video2 = new Video.onlyUrl("https://123.456");

print(video2.url); //Output： https://123.456

var video3 = new Video.onlyTitle("Only title");

print(video3.title); //Output： Only title

// 載入 dart async 的 package.

import 'dart:async';

Future<void> introduction() {

  // Future.delayed 類似 js 的 Promise.delay. 模擬非同步情形。等待兩秒。

  return Future.delayed(Duration(seconds: 2), () => print("Dart tutorial"));

}

void main() {

  print("Before introduction");

  introduction();

  print("After introduction");

}

// Output:

// Before introduction

// After introduction

// Dart tutorial

// 載入 dart async 的 package.

import 'dart:async';

Future<String> introduction() {

  // Future.delayed 類似 js 的 Promise.delay. 模擬非同步情形。等待兩秒。

  return Future.delayed(Duration(seconds: 2), () => "Dart tutorial");

}

void main() async {

  print("Before introduction");

  print(await introduction());

  print("After introduction");

}

// Output:

// Before introduction

// Dart tutorial

// After introduction