這篇文章主要講解了Flutter中使用WillPopScope的方法,內(nèi)容清晰明了,對此有興趣的小伙伴可以學習一下,相信大家閱讀完之后會有幫助。
成都創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設,聶榮企業(yè)網(wǎng)站建設,聶榮品牌網(wǎng)站建設,網(wǎng)站定制,聶榮網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,聶榮網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
在Flutter中如何實現(xiàn)點擊2次Back按鈕退出App,如何實現(xiàn)App中多個Route(路由),如何實現(xiàn)Back按鈕只退出指定頁面,此篇文章將告訴你。
WillPopScope
WillPopScope用于處理是否離開當前頁面,在Flutter中有多種方式可以離開當前頁面,比如AppBar、CupertinoNavigationBar上面的返回按鈕,點擊將會回到前一個頁面,在Android手機上點擊實體(虛擬)返回按鈕,也將會回到前一個頁面,此功能對于iOS程序員來說可能特別容易忽略。
以下幾種情況我們會用到WillPopScope:
詢問用戶是否退出
在Android App中最開始的頁面點擊后退按鈕,默認會關(guān)閉當前activity并回到桌面,我們希望此時彈出對話框或者給出提示“再次點擊退出”,避免用戶的誤操作。
WillPopScope( onWillPop: () async => showDialog( context: context, builder: (context) => AlertDialog(title: Text('你確定要退出嗎?'), actions: <Widget>[ RaisedButton( child: Text('退出'), onPressed: () => Navigator.of(context).pop(true)), RaisedButton( child: Text('取消'), onPressed: () => Navigator.of(context).pop(false)), ])), child: Container( alignment: Alignment.center, child: Text('點擊后退按鈕,詢問是否退出。'), ))
我們也可以把效果做成快速點擊2次退出:
DateTime _lastQuitTime; WillPopScope( onWillPop: () async { if (_lastQuitTime == null || DateTime.now().difference(_lastQuitTime).inSeconds > 1) { print('再按一次 Back 按鈕退出'); Scaffold.of(context) .showSnackBar(SnackBar(content: Text('再按一次 Back 按鈕退出'))); _lastQuitTime = DateTime.now(); return false; } else { print('退出'); Navigator.of(context).pop(true); return true; } }, child: Container( alignment: Alignment.center, child: Text('點擊后退按鈕,詢問是否退出。'), ))
App中有多個Navigator
我們的App通常是在MaterialApp和CupertinoApp下,MaterialApp和CupertinoApp本身有一個Navigator,所以默認情況下調(diào)用Navigator.pop或者Navigator.push就是在操作此Navigator。不過在一些情況下,我們希望有自己定義的Navigator,比如如下場景:
首頁:
class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { GlobalKey<NavigatorState> _key = GlobalKey(); @override Widget build(BuildContext context) { return Scaffold( body: WillPopScope( onWillPop: () async { if (_key.currentState.canPop()) { _key.currentState.pop(); return false; } return true; }, child: Column( children: <Widget>[ Expanded( child: Navigator( key: _key, onGenerateRoute: (RouteSettings settings) => MaterialPageRoute(builder: (context) { return OnePage(); }), ), ), Container( height: 50, color: Colors.blue, alignment: Alignment.center, child: Text('底部Bar'), ) ], )), ); } }
第一個頁面:
class OnePage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Container( child: RaisedButton( child: Text('去下一個頁面'), onPressed: () { Navigator.push(context, MaterialPageRoute(builder: (context) { return TwoPage(); })); }, ), ), ), ); } }
第二個頁面:
class TwoPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Container( child: Text('這是第二個頁面'), ), ), ); } }
使用TabView、BottomNavigationBar、CupertinoTabView這些組件時也是一樣的原理,只需在每一個Tab中加入Navigator,不要忘記指定key。
看完上述內(nèi)容,是不是對Flutter中使用WillPopScope的方法有進一步的了解,如果還想學習更多內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
新聞標題:Flutter中使用WillPopScope的方法
當前URL:http://muchs.cn/article48/ihdshp.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設、、App設計、用戶體驗、靜態(tài)網(wǎng)站、搜索引擎優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)