Flutter-生命周期
Flutter 中的生命周期,包含以下幾個階段:
-
createState ,該函數為 StatefulWidget 中創(chuàng)建 State 的方法,當 StatefulWidget 被調用時會立即執(zhí)行 createState 。
-
initState ,該函數為 State 初始化調用,因此可以在此期間執(zhí)行 State 各變量的初始賦值,同時也可以在此期間與服務端交互,獲取服務端數據后調用 setState 來設置 State。
-
didChangeDependencies ,該函數是在該組件依賴的 State 發(fā)生變化時,這里說的 State 為全局 State ,例如語言或者主題等,類似于前端 Redux 存儲的 State 。
-
build ,主要是返回需要渲染的 Widget ,由于 build 會被調用多次,因此在該函數中只能做返回 Widget 相關邏輯,避免因為執(zhí)行多次導致狀態(tài)異常。
-
reassemble ,主要是提供開發(fā)階段使用,在 debug 模式下,每次熱重載都會調用該函數,因此在 debug 階段可以在此期間增加一些 debug 代碼,來檢查代碼問題。
-
didUpdateWidget ,該函數主要是在組件重新構建,比如說熱重載,父組件發(fā)生 build 的情況下,子組件該方法才會被調用,其次該方法調用之后一定會再調用本組件中的 build 方法。
-
deactivate ,在組件被移除節(jié)點后會被調用,如果該組件被移除節(jié)點,然后未被插入到其他節(jié)點時,則會繼續(xù)調用 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'; /// 創(chuàng)建有狀態(tài)測試組件 class TestStatefulWidget extends StatefulWidget {@overridecreateState() {print('create state');return TestState();} } /// 創(chuàng)建狀態(tài)管理類,繼承狀態(tài)測試組件 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(), // 點擊觸發(fā)修改描述字符 state name)],);} }如何觸發(fā)組件再次 build
- 1.setState
state數據變化時,調用 setState((){});
- 2.didChangeDependencies
如果當前 widget 所依賴的全局 state 的值發(fā)生了變化,(比如,路由,主題顏色,地區(qū)語言,或者全局變量 ),那么就會觸發(fā)此生命周期函數,而該函數執(zhí)行之后就會觸發(fā) build 操作。
- 3.didUpdateWidget
- 4.組件銷毀觸發(fā)
總結
以上是生活随笔為你收集整理的Flutter-生命周期的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android 热量计算器,卡路里减肥计
- 下一篇: ANN:Asymmetric Non-l