老孟導讀:關於生命週期的文章共有2篇,一篇(此篇)是介紹 Flutter 中Stateful 組件的生命週期。
第二篇是 Flutter 中與平臺相關的生命週期,
博客地址:http://laomengit.com/blog/20201227/%E7%9B%B8%E5%85%B3%E5%B9%B3%E5%8F%B0%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F.html
博客中還有更多精彩文章,也歡迎加入 Flutter 交流羣。
此篇文章所說的生命週期與 StatefulWidget 組件的生命週期是不同的,這裏平臺相關的生命週期指的是特定平臺相關操作所產生的生命週期,比如 Android 中 App 退到後臺後的onPause等。
有人下場景,App正在播放視頻,此時回到手機桌面或者切換到其他App,那麼此時視頻應該暫停播放,Flutter 中使用 AppLifecycleState 實現:
class AppLifecycle extends StatefulWidget {
@override
_AppLifecycleState createState() => _AppLifecycleState();
}
class _AppLifecycleState extends State<AppLifecycle>
with WidgetsBindingObserver {
@override
void initState() {
super.initState();
WidgetsBinding.instance.addObserver(this);
}
@override
void didChangeAppLifecycleState(AppLifecycleState state) {
if (state == AppLifecycleState.resumed) {
//TODO
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('App 生命週期'),
),
body: Center(
child: Text(''),
),
);
}
@override
void dispose() {
WidgetsBinding.instance.removeObserver(this);
super.dispose();
}
}
重點是重寫 didChangeAppLifecycleState 方法,AppLifecycleState 中的狀態包括:resumed、inactive、paused、detached。
didChangeAppLifecycleState 方法的回調來源於系統的通知(notifications),正常情況下,App是能正常接收到這些通知,但有的情況下是無法接收到通知的,比如用戶強制關機、手機沒有電自動關機等。
下面對其狀態詳細說明:
-
resumed:應用程序可見且響應用戶輸入。 -
inactive:應用程序處於非激活狀態,無法響應用戶輸入。在iOS上,打電話、響應TouchID請求、進入應用程序切換器或控制中心都處於此狀態。在Android上,分屏應用,打電話,彈出系統對話框或其他窗口等。 -
pause:應用程序不可見且無法響應用戶輸入,運行在後臺。處於此狀態時,引擎將不會調用 Window.onBeginFrame 和 Window.onDrawFrame。 -
detached:應用程序仍寄存在Flutter引擎上,但與平臺 View 分離。處於此狀態的時機:引擎首次加載到附加到一個平臺 View的過程中,或者由於執行 Navigator pop ,view 被銷燬。
下面是關於生命週期經常遇到的問題:
有2個頁面A和B,在B頁面點擊返回鍵返回到A,didChangeAppLifecycleState 不回調
其實這個問題大部分人是想要實現類似於Android 中 onResume 中的功能,用 didChangeAppLifecycleState 是無法實現此功能的,didChangeAppLifecycleState 是對應於整個應用程序的,而不是 Flutter 中 不同的路由(頁面)。
從A->B,在從B返回A,A重新加載數據使用如下方法:
A頁面代碼:
class A extends StatelessWidget {
@override
Widget build(BuildContext context) {
return RaisedButton(onPressed: ()async{
var result = await Navigator.of(context).push(MaterialPageRoute(builder: (context){
return B();
}));
//從B返回到A時,執行下面的代碼
//TODO 加載數據
});
}
}
B頁面代碼:
class B extends StatelessWidget {
@override
Widget build(BuildContext context) {
return RaisedButton(onPressed: (){
Navigator.of(context).pop('返回的參數');
});
}
}
本文分享自微信公衆號 - 老孟Flutter(lao_meng_qd)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。