日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Flutter-生命周期

發布時間:2023/12/29 编程问答 22 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Flutter-生命周期 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Flutter 中的生命周期,包含以下幾個階段:

  • createState ,該函數為 StatefulWidget 中創建 State 的方法,當 StatefulWidget 被調用時會立即執行 createState 。

  • initState ,該函數為 State 初始化調用,因此可以在此期間執行 State 各變量的初始賦值,同時也可以在此期間與服務端交互,獲取服務端數據后調用 setState 來設置 State。

  • didChangeDependencies ,該函數是在該組件依賴的 State 發生變化時,這里說的 State 為全局 State ,例如語言或者主題等,類似于前端 Redux 存儲的 State 。

  • build ,主要是返回需要渲染的 Widget ,由于 build 會被調用多次,因此在該函數中只能做返回 Widget 相關邏輯,避免因為執行多次導致狀態異常。

  • reassemble ,主要是提供開發階段使用,在 debug 模式下,每次熱重載都會調用該函數,因此在 debug 階段可以在此期間增加一些 debug 代碼,來檢查代碼問題。

  • didUpdateWidget ,該函數主要是在組件重新構建,比如說熱重載,父組件發生 build 的情況下,子組件該方法才會被調用,其次該方法調用之后一定會再調用本組件中的 build 方法。

  • deactivate ,在組件被移除節點后會被調用,如果該組件被移除節點,然后未被插入到其他節點時,則會繼續調用 dispose 永久移除。

  • dispose ,永久移除組件,并釋放組件資源。

測試用例

日志結果

flutter: create state flutter: init state flutter: did change dependencies flutter: build flutter: reassemble flutter: did update widget flutter: build

示例:

import 'package:flutter/material.dart'; /// 創建有狀態測試組件 class TestStatefulWidget extends StatefulWidget {@overridecreateState() {print('create state');return TestState();} } /// 創建狀態管理類,繼承狀態測試組件 class TestState extends State<TestStatefulWidget> {/// 定義 state [count] 計算器int count = 1;/// 定義 state [name] 為當前描述字符串String name = 'test';@overrideinitState() {print('init state');super.initState();}@overridedidChangeDependencies() {print('did change dependencies');super.didChangeDependencies();}@overridedidUpdateWidget(TestStatefulWidget oldWidget) {count++;print('did update widget');super.didUpdateWidget(oldWidget);}@overridedeactivate() {print('deactivate');super.deactivate();}@overridedispose() {print('dispose');super.dispose();}@overridereassemble(){print('reassemble');super.reassemble();}/// 修改 state namevoid changeName() {setState(() {print('set state');this.name = 'flutter';});}@overrideWidget build(BuildContext context) {print('build');return Column(children: <Widget>[FlatButton(child: Text('$name $count'), // 使用 Text 組件顯示描述字符和當前計算onPressed:()=> this.changeName(), // 點擊觸發修改描述字符 state name)],);} }

如何觸發組件再次 build

  • 1.setState

state數據變化時,調用 setState((){});

  • 2.didChangeDependencies

如果當前 widget 所依賴的全局 state 的值發生了變化,(比如,路由,主題顏色,地區語言,或者全局變量 ),那么就會觸發此生命周期函數,而該函數執行之后就會觸發 build 操作。

  • 3.didUpdateWidget
  • 4.組件銷毀觸發

總結

以上是生活随笔為你收集整理的Flutter-生命周期的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。