從零學習Flutter(一):初識Dart

Fluter是Google推出的跨平臺開發App的一套框架，不少人都說，Google出品比屬於金品，故，我也來湊湊熱鬧，Fluter是用Dart寫的，因此在用Fluter以前，咱們仍是有必要簡單瞭解一下Fluter的。以前的一直使用Facebook推出的RN框架寫App，感受RN的hot reload 作的不是那麼完美，今年試了一下fluter，感受他的hot reload比RN的好多了，另外，Fluter用dart寫，dart算是強類型吧，比es6要爽的多，代碼容錯率大大提升。

廢話很少說，簡單介紹一下。

class Bicycle {
  int cadence;
  int speed;
  int gear;
  int _speed=0;
  
  Bicycle(this.cadence, this.gear);
  //Bicycle(this.cadence, this.speed, this.gear);
  int get Speed=>_speed;
  @override
    String toString() => 'Bicycle: $Speed mph';
  
  void applyBrake(int decrement) {
      _speed -= decrement;
    }

    void speedUp(int increment) {
      _speed += increment;
    }
}

void main() {
  var bike =new Bicycle(23,2); //new Bicycle(2, 3, 1);
  print(bike);
  print(bike.cadence);
  bike.applyBrake(2);
  print(bike.Speed);
}

上面這段代碼

1.定義一個class，class不用聲明public,由於默認就是public,特別注意：在 Dart 中沒有諸如 public、private、protected 這樣的關鍵詞

2.申明變量，變量默認是public，eg:int cadence;若是要申明私有變量，在變量前加一個下劃線便可，eg:int _cadence;全部未初始化的變量，值都爲null，不管int，stringdart中沒有屬性一說，申明的變量就自帶get，set訪問器，默認狀況下，Dart 會爲全部公開的變量提供存取方法，除非你須要提供僅僅可讀、可寫，或者在某些狀況下須要在 getter 方法中進行計算或是在 setter 方法中進行某些值得更新，不然都不須要再從新定義存取方法，若是想定義一個變量爲只讀，能夠這樣，eg:int get Speed=>_speed;若是想定義一個變量爲可寫，能夠這樣，eg:int set Speed=>_speed;特別注意：在 Dart 中沒有諸如 public、private、protected 這樣的關鍵詞

3.全部的 Dart 類中都有一個 toString() 方法，你能夠複寫這個方法來提供更具體的輸出信息,修飾符 @override 會告訴分析器你當前是在複寫某個成員方法，若是該複寫不成功，分析器就會報錯,eg:

@override

String toString() => 'Bicycle: $Speed mph';

4.說到這裏，提一下dart裏的字符串模板，能夠在字符串內使用 ${expression} 的方式來實現字符串模板的效果，若是該表達式僅僅是一個標識符，還能夠去掉花括號 $variableName

例子如上

5.針對只有一行的方法可使用 => 來簡化方法的書寫，=>既能夠叫：箭頭函數也能夠叫Lamada表達式，例子如上

6.再說一下dart 類中的構造函數，dart中構造函數不能夠向C#/java裏那樣直接重載，在構造函數的參數中使用 this 能夠直接對實例變量進行賦值，不用再編寫多餘的代碼

eg:下面這兩段代碼是相同功效的

class Bicycle {
  int cadence; int speed; int gear;

　　//1.
　　Bicycle(this.cadence, this.speed, this.gear);

}

class Bicycle {
  int cadence;
  int speed;
  int gear;

//2.

Bicycle(int cadence, int speed, int gear) { this.cadence = cadence; this.speed = speed; this.gear = gear; }

}

Rectangle({this.origin = const Point(0, 0), this.width = 0, this.height = 0});

7.dart中的main方法， 方法是 Dart 的主方法，若是你須要訪問命令行傳遞過來的參數，可使用 方法， 方法存在於最外層的做用域，
在 Dart 中你能夠在類以外編寫代碼，變量、方法、存取方法均可以獨立於類以外維持生命週期

8.dart2中，方法中調用另外一個類中的方法，new 變成可選的，在 Dart 2 中，new 關鍵字變成了可選的，若是你確信某個變量的值不會再發生改變，你可使用 final 來代替 var

9.Dart 語言並無提供  關鍵字，可是每個類都隱式地定義了一個接口

10.dart中的函數編程
main()main(List<String> argsmain()interface

String scream(int length) => "A${'a' * length}h!";

main() {
  final values = [1, 2, 3, 5, 10, 50];
  for (var length in values) {
    print(scream(length));
  }
}
//output
Aah!
Aaah!
Aaaah!
Aaaaaah!
Aaaaaaaaaaah!
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah!
效果等同於：
將上述代碼中的 main() 方法中的 for() {...} 替換爲下面的一行代碼，它直接使用了鏈式調用的方式：
values.map(scream).forEach(print);

參考文獻：https://codelabs.flutter-io.cn/codelabs/from-java-to-dart-cn/index.html#5

dart官網：https://www.dartlang.org/