Flutter基礎知識積累

一 Dart基礎:

  1. Flutter使用Dart進行開發,Dart支持JIT與AOT兩種模式。app運行模式有三種:
  • debug :調試模式-JIT。
  • profile:與release模式類似-AOT,支持檢測幀率,可做內存優化時調試。
  • release :生產模式-AOT。
  1. [ .. ]該符號叫做級聯,與this.相當,[ _ ]代表私有變量,
    a ?? 1 :表示a如果為空則返回1; a ??= 1:表示a如果為空則a賦值為1;a ~/22 :表示a對于 22 整除,方法可選參數如下代碼,也可進行默認值賦值:
void start({int length = 0}){}。
  1. Dart是單線程模型,運行模式如下:
    main->microtask queue(微任務)-> event queue(事物),
    main先執行,循環執行microtask隊列,全部微任務執行完畢再執行event事物隊列的任務。一般用的Future屬于事物隊列。可以通過Future.microtask來創建微任務。
  2. 在Dart中,一切都是對象,所有的對象都是繼承自Object,Dart是強類型語言,但可以用var或 dynamic來聲明一個變量,Dart會自動推斷其數據類型,沒有賦初值的變量都會有默認值null。
  3. Dart 中的多構造方法,可以通過命名方法實現。默認構造方法只能有一個,而通過 CSDart.empty() 方法可以創建一個空參數的類,其實方法名稱隨你取,而變量初始化值時,只需要通過 this.length 在構造方法中指定即可:
class CSDart {
  String length;  
  //默認構造方法,賦值給length
  CSDart(this.length);
  //返回一個空的CSDart
  CSDart.empty();
  //返回一個設置了length的CSDart
  CSDart.forName(this.length);
}

二 Flutter基礎:

  1. Flutter生命周期相關的知識:
  • initState():Widget 初始化當前 State,在當前方法中是不能獲取到 Context 的,如想獲取,可以加延遲如:Future.delayed()。
  • didChangeDependencies():在 initState() 后調用,Widget對象依賴關系發生變化的時候也會調用。如語言,樣式。
  • build():畫出界面,當調用setState時執行。
  • deactivate():當 State 被暫時從視圖樹中移除時會調用這個方法,頁面切換時也會調用該方法,和Android里的 onPause 差不多。
  • dispose():Widget 銷毀時調用。
  • didUpdateWidget:Widget 狀態發生變化的時候調用。
  • reassemble()
    主要用于調試,熱重載時調用,release環境下不會調用
  • A頁面跳轉B頁面,并且B頁面回退A頁面會執行的什么周期方法如下:
//a到b頁面
I/flutter (29569):binitState
I/flutter (29569): bdidChangeDependencies
I/flutter (29569): bbuild
I/flutter (29569): adeactivate
I/flutter (29569): adidChangeDependencies
I/flutter (29569): abuild
//b退到a: 
I/flutter (29569): adeactivate
I/flutter (29569): adidChangeDependencies
I/flutter (29569): abuild
I/flutter (29569): bdeactivate
I/flutter (29569): bdispose
  • 可以通過with WidgetsBindingObserver混入次類并重新如下方法,進行監聽Home建。
 @override
  void didChangeAppLifecycleState(AppLifecycleState state) {
    switch (state) {
      case AppLifecycleState.inactive://前后臺切換都執行
        debugPrint('AppLifecycleState.inactive');
        break;
      case AppLifecycleState.paused://前臺到后臺
        debugPrint('AppLifecycleState.paused');
        break;
      case AppLifecycleState.resumed://后臺到前臺
        debugPrint('AppLifecycleState.resumed');
       if (Platform.isAndroid) {
          // 以下兩行 設置android狀態欄為透明的沉浸。寫在組件渲染之后,是為了在渲染后進行set賦值,覆蓋狀態欄,寫在渲染之前MaterialApp組件會覆蓋掉這個值。
          SystemChrome.setSystemUIOverlayStyle(systemUiOverlayStyle);
        }
        break;
      case AppLifecycleState.suspending:
        debugPrint('AppLifecycleState.suspending');
        break;
    }
    super.didChangeAppLifecycleState(state);
  }
  • 通過MaterialApp->navigatorObservers關鍵字可對頁面進出進行監聽,(如防截屏操作可使用)該類提供的方法如下:
   /// The [Navigator] pushed `route`.
  ///
  /// The route immediately below that one, and thus the previously active
  /// route, is `previousRoute`.
  void didPush(Route<dynamic> route, Route<dynamic> previousRoute) { }

  /// The [Navigator] popped `route`.
  ///
  /// The route immediately below that one, and thus the newly active
  /// route, is `previousRoute`.
  void didPop(Route<dynamic> route, Route<dynamic> previousRoute) { }

  /// The [Navigator] removed `route`.
  ///
  /// If only one route is being removed, then the route immediately below
  /// that one, if any, is `previousRoute`.
  ///
  /// If multiple routes are being removed, then the route below the
  /// bottommost route being removed, if any, is `previousRoute`, and this
  /// method will be called once for each removed route, from the topmost route
  /// to the bottommost route.
  void didRemove(Route<dynamic> route, Route<dynamic> previousRoute) { }

  /// The [Navigator] replaced `oldRoute` with `newRoute`.
  void didReplace({ Route<dynamic> newRoute, Route<dynamic> oldRoute }) { }

  /// The [Navigator]'s route `route` is being moved by a user gesture.
  ///
  /// For example, this is called when an iOS back gesture starts.
  ///
  /// Paired with a call to [didStopUserGesture] when the route is no longer
  /// being manipulated via user gesture.
  ///
  /// If present, the route immediately below `route` is `previousRoute`.
  /// Though the gesture may not necessarily conclude at `previousRoute` if
  /// the gesture is canceled. In that case, [didStopUserGesture] is still
  /// called but a follow-up [didPop] is not.
  void didStartUserGesture(Route<dynamic> route, Route<dynamic> previousRoute) { }

  /// User gesture is no longer controlling the [Navigator].
  ///
  /// Paired with an earlier call to [didStartUserGesture].
  void didStopUserGesture() { }
  1. Flutter與Native通信方式:
  • Flutter 通過 PlatformChannel 與原生進行交互,其中 PlatformChannel 分為三種:
    a. BasicMessageChannel:用于傳遞字符串和半結構化的信息。
    b. MethodChannel:用于傳遞方法調用。Flutter主動調用Native的方法,并獲取相應的返回值。
    c. EventChannel:用于數據流(event streams)的通信。
    詳解可參考咸魚講解的PlatformChannel
  1. Stream的理解:Stream 和 Future 一樣,都是用來處理異步的工具。但是 Stream 和 Future 不同的地方是 Stream 可以接收多個異步結果,而Future 只有一個。Stream 的創建可以使用 Stream.fromFuture,也可以使用 StreamController 來創建和控制。Stream支持兩種模式,一種是單訂閱模式一種是多訂閱模式。
    由于Stream 默認處于單訂閱模式,所以同一個 stream 上的 listen 和其它大多數方法只能調用一次,調用第二次就會報錯。但 Stream 可以通過 transform() 方法(返回另一個 Stream)進行連續調用。通過 Stream.asBroadcastStream() 可以將一個單訂閱模式的 Stream 轉換成一個多訂閱模式的 Stream,isBroadcast 屬性可以判斷當前 Stream 所處的模式。
    可以通過使用await for是不斷獲取stream流中的數據,然后執行循環體中的操作。它一般用在直到stream什么時候完成,并且必須等待傳遞完成之后才能使用,不然就會一直阻塞。如下:
Stream<String> stream = new Stream<String>.fromIterable(['起床', '刷牙', '洗臉', '上班了']);
main() async{
  print('早上8:00了');
  await for(String s in stream){
    print(s);
  }
  print('開始上班');
}
  1. 后續繼續學習補充
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,247評論 6 543
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,520評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,362評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,805評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,541評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,896評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,887評論 3 447
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,062評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,608評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,356評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,555評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,077評論 5 364
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,769評論 3 349
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,175評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,489評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,289評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,516評論 2 379

推薦閱讀更多精彩內容