【老孟Flutter】Flutter 中與平台相關的生命周期
老孟導讀:關於生命周期的文章共有2篇,一篇(此篇)是介紹 Flutter 中Stateful 組件的生命周期。
第二篇是 Flutter 中與平台相關的生命周期,
博客中還有更多精彩文章,也歡迎加入 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博客(330個控件用法+實戰入門系列文章)://laomengit.com
歡迎加入Flutter交流群(微信:laomengit)、關注公眾號【老孟Flutter】: