一統天下 flutter - dart: dart 3 新特性（元組，解構，switch 的模式匹配）

源碼 https://github.com/webabcd/flutter_demo
作者 webabcd

一統天下 flutter - dart: dart 3 新特性（元組，解構，switch 的模式匹配）

示例如下:

lib\dart\dart3feature1.dart

/*
 * dart 3 新特性（元組，解構，switch 的模式匹配）
 *
 * dart 3 中新增了 Record 和 Pattern
 * Record 就是元組
 * Pattern 就是解構和 switch 的模式匹配
 *
 *
 * 升級 dart 需要先在 pubspec.yaml 中做如下配置，然後 flutter upgrade
 * environment:
 *   sdk: ">=3.0.0 <=3.1.2"
 */

import 'package:flutter/material.dart';
import 'package:flutter_demo/helper.dart';

class Dart3Feature1 extends StatelessWidget {
  const Dart3Feature1({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {

    // 元組
    sample1();
    // 一般數據的解構
    sample2();
    // json 數據的解構
    sample3();
    // 對象屬性的解構
    sample4();
    // switch 的模式匹配
    sample5();

    return const MyWidget(text: "dart 3 新特性（元組，解構，switch 的模式匹配）");
  }

  void sample1() {
    // 元組用於將多個值組合成一個複合值
    var record1 = (1, "a", key:"value", );
    var a = record1.$1;   // 獲取元組中的指定的元素的值，只能 get 不能 set
    var b = record1.$2;   // 獲取元組中的指定的元素的值，只能 get 不能 set
    var c = record1.key;  // 獲取元組中的指定的元素的值，只能 get 不能 set
    log("$a, $b, $c");

    // 定義元組的類型
    (int, String, {String key}) record2 = (1, "a", key:"value", );
    var d = record2.$1;
    var e = record2.$2;
    var f = record2.key;
    log("$d, $e, $f");

    // 判斷兩個元組是否相等
    var g = record1 == record2;
    // 判斷元組的類型
    var h = record1 is (int, String, {String key});
    log("$g, $h");

    // 函數的返回值可以是一個元組類型
    var record3 = f1();
    log("${record3.$1}, ${record3.$2}");
  }
  // 函數的返回值可以是一個元組類型
  (String, int) f1() {
    return ("webabcd", 43);
  }

  void sample2() {
    // 解構一個元組數據
    var (name, age) = ("webabcd", 43);
    log("$name, $age");

    // 解構一個 List 數據
    var list = [1, 2, 3];
    var [a, b, c] = list;
    log("$a, $b, $c");

    // 解構一個 Map 數據
    var map = {"k1":"v1", "k2":"v2", };
    var {"k1":d, "k2":e} = map;
    log("$d, $e");

    Map<String, String> map2 = {'k1':'v1', 'k2':'v2', };
    // 解構一個 MapEntry 數據（一般寫法）
    for (var MapEntry(key: myKey, value: myValue) in map2.entries) {
      log('$myKey, $myValue');
    }
    // 解構一個 MapEntry 數據（簡便寫法）
    for (var MapEntry(:key, :value) in map2.entries) {
      log('$key, $value');
    }

    var (f, g) = ('left', 'right');
    // 通過解構的方式交換兩個變量
    (g, f) = (f, g);
    log('$f, $g');
  }

  void sample3() {
    var json = {
      'user': ['webabcd', 43]
    };

    // 解構一個 json 數據
    var {'user': [name, age]} = json;
    log("$name, $age");

    // 通過 case 實現如下邏輯
    // 如果一個 json 數據符合指定的類型，則返回 true 並解構
    if (json case {'user': [String name, int age]}) {
      log("$name, $age");
    }
  }

  void sample4() {
    var obj = _MyClass1(name: "webabcd", age: 43);

    // 解構一個對象的屬性（一般寫法）
    var _MyClass1(name:myName, age:myAge) = obj;
    log("$myName, $myAge");

    // 解構一個對象的屬性（簡便寫法）
    var _MyClass1(:name, :age) = obj;
    log("$name, $age");
  }

  void sample5() {
    // 在 dart 3 中 switch 除了支持傳統的常量匹配方式之外，還支持如下的模式匹配方式

    // 如果 List 中的第 1 個元素是 1 或 2，則 case 匹配成功，同時會將 List 中的第 2 個元素賦值給 a，將 List 中的第 3 個元素賦值給 b
    switch ([1, 10, 100]) {
      case [1 || 2, var a, var b]:
        log("$a, $b"); // 10, 100
    }

    // 支持條件匹配
    switch (10) {
      case >= 0 && <= 100:
        log(">= 0 && <= 100"); // >= 0 && <= 100
    }

    // 支持返回值（根據匹配的條件，返回指定的值）
    var c = switch (Colors.red) {
      Colors.red || Colors.green || Colors.blue => "red || green || blue",
      Colors.orange => "orange",
      _ => "other",
    };
    log("$c"); // red || green || blue

    // 通過 case 解構，並通過 when 匹配解構後的值
    switch (Colors.red) {
      case Color(value: var d) when d > 100:
        log("$d, ${Color(d)}"); // 4294198070, Color(0xfff44336)
    }
  }
}

class _MyClass1 {
  String name;
  int age;
  _MyClass1({required this.name, required this.age});
}

源碼 https://github.com/webabcd/flutter_demo
作者 webabcd