1. flutter exception

閑魚技術(shù)團(tuán)隊于2018年上半年率先引入了Flutter技術(shù)實現(xiàn)客戶端開發(fā)，到目前為止成功改造并上線了復(fù)雜的商品詳情和發(fā)布業(yè)務(wù)。隨著flutter比重越來越多，我們開始大力治理flutter的exception,起初很長一段時間內(nèi)閑魚內(nèi)flutter的exception率一直在千分之幾左右。經(jīng)過我們的整理和解決，解決了90%以上的flutter exception。

我們對exception進(jìn)行了歸類，大頭主要分為兩大類,這兩大類堆棧數(shù)量很多,占到整體90%左右：

1.第一大類的堆棧都指向了setstate

#0 State.setState (package:flutter/src/widgets/framework.dart:1141) #1 _DetailCommentWidgetState.replyInput.<anonymous closure>.<anonymous closure> (package:fwn_idlefish/biz/item_detail/fx_detail_comment.dart:479) #2 FXMtopReq.sendReq.<anonymous closure> (package:fwn_idlefish/common_lib/network/src/mtop_req.dart:32) #3 NetService.requestWithModel.<anonymous closure> (package:fwn_idlefish/common_lib/network/src/net_service.dart:58) #4 _rootRunUnary (dart:async/zone.dart:1132) #5 _CustomZone.runUnary (dart:async/zone.dart:1029) #6 _FutureListener.handleValue (dart:async/future_impl.dart:129)

2.第二大類堆棧都與buildContext直接或者間接相關(guān)

#0 Navigator.of (package:flutter/src/widgets/navigator.dart:1270) #1 Navigator.pop (package:flutter/src/widgets/navigator.dart:1166) #2 UploadProgressDialog.hide (package:fwn_idlefish/biz/publish/upload_progress_dialog.dart:35) #3 PublishSubmitReducer.doPost.<anonymous closure> (package:fwn_idlefish/biz/publish/reducers/publish_submit_reducer.dart:418) <asynchronous suspension> #4 FXMtopReq.sendReq.<anonymous closure> (package:fwn_idlefish/common_lib/network/src/mtop_req.dart:32) #5 NetService.requestWithModel.<anonymous closure> (package:fwn_idlefish/common_lib/network/src/net_service.dart:58) #6 _rootRunUnary (dart:async/zone.dart:1132) #7 _CustomZone.runUnary (dart:async/zone.dart:1029)

第一類明顯與element和sate的生命周期有關(guān)。第二類與buildContext有關(guān)。

buildContext是什么？

下面是一段state中獲取buildContext的實現(xiàn)

Element get _currentElement => _registry[this]; BuildContext get currentContext => _currentElement;

很明顯buildContext其實就是element實例。buildContext是一個接口，element是buildContext的具體實現(xiàn)。

所以上面的exception都指向了flutter element和state的生命周期

2.flutter 生命周期

1.state生命周期

2. element 與state生命周期

element是由widget createElement所創(chuàng)建。state的生命周期狀態(tài)由element調(diào)用觸發(fā)。

最核心的是在new elment的時候element的state的雙向綁定正式建立。在umount的時候element和state的雙向綁定斷開。

3. activity生命周期與state關(guān)系

flutter提供WidgetsBindingObserver給開發(fā)者來監(jiān)聽AppLifecycleState。
AppLifecycleState有4中狀態(tài)

1.resumed 界面可見，比如應(yīng)用從后臺到前臺2.inactive 頁面退到后臺或者彈出dialog等情況下 這種狀態(tài)下接收不到很任何用戶輸入，但是還會有drawframe的回調(diào)3.paused 應(yīng)用掛起，比如退到后臺。進(jìn)入這種狀態(tài)代表不在有任何drawframe的回調(diào)4.suspending ios中沒用，puased之后進(jìn)入的狀態(tài)，進(jìn)入這種狀態(tài)代表不在有任何drawframe的回調(diào)

看下android生命周期和appLifecycleState、state關(guān)系

創(chuàng)建

2.按home鍵退到后臺

3.從后臺回到前臺

4.back鍵退出當(dāng)前頁面（route pop）

5.back鍵退出應(yīng)用

3.常見的exception例子

1.在工程開發(fā)中,我們最容易忽略了state的dispose狀態(tài)。

看一段例子：

這個例子可能會在某些情況下excetion。
在state dispose后，element會和state斷開相互引用，如果在這個時候開發(fā)者去拿element的位置信息或者調(diào)用setstate 刷新布局時就會報異常。

最常見的是在一些timer、animate、網(wǎng)絡(luò)請求等異步邏輯后調(diào)用setstate導(dǎo)致的excetion。安全的做法是在調(diào)用setstate前判斷一下state是否是mounted狀態(tài)。如下：

2.buildcontext使用錯誤

看一段錯誤使用buildcontext例子

上面的錯誤在于在跨堆棧使用了buildcontext。由于outcontext的生命周期與buttomcontext不一致，在彈出bottomsheet的時候outcontext可以已經(jīng)處于umount或者deactivite。上面例子正確的做法是使用bottomcontext獲取focusScopeNode。

我們在跨堆棧傳遞參數(shù)（如bottomsheet、dialog、alert、processdialog等）場景時特別要注意buildcontext的使用。

最后

不過癮？如果你還想了解更多關(guān)于flutter開發(fā)更多有趣的實戰(zhàn)經(jīng)驗，就來關(guān)注微信公眾號 "閑魚技術(shù)"。

?

原文鏈接
本文為云棲社區(qū)原創(chuàng)內(nèi)容，未經(jīng)允許不得轉(zhuǎn)載。

總結(jié)

以上是生活随笔為你收集整理的Flutter Exception降到万分之几的秘密的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。