欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

Flutter上線項目實戰(zhàn)記錄之路由篇

1. 應(yīng)用場景

我們一直強調(diào)網(wǎng)站設(shè)計、成都網(wǎng)站制作對于企業(yè)的重要性,如果您也覺得重要,那么就需要我們慎重對待,選擇一個安全靠譜的網(wǎng)站建設(shè)公司,企業(yè)網(wǎng)站我們建議是要么不做,要么就做好,讓網(wǎng)站能真正成為企業(yè)發(fā)展過程中的有力推手。專業(yè)網(wǎng)站制作公司不一定是大公司,成都創(chuàng)新互聯(lián)公司作為專業(yè)的網(wǎng)絡(luò)公司選擇我們就是放心。

開發(fā)中經(jīng)常遇到

  • 路由跳轉(zhuǎn)時拿不到context怎么辦,eg: token失效/異地登錄跳轉(zhuǎn)登錄頁面。
  • 獲取不到當(dāng)前路由名稱怎么辦,eg: 點擊push推送跳轉(zhuǎn)指定路由,如果已經(jīng)在當(dāng)前頁面就replace,如果不在就push。
  • 注冊監(jiān)聽路由跳轉(zhuǎn),做一些想做的事情 ,eg:不同路由,顯示不同狀態(tài)欄顏色。
  • 等等...

2. 解決方案

解決思路:

  1. MaterialApp 的routes屬性賦值路由數(shù)組,navigatorObservers屬性賦值路由監(jiān)聽對象NavigatorManager。
  2. 在NavigatorManager里實現(xiàn)NavigatorObserver的didPush/didReplace/didPop/didRemove,并記錄到路由棧List _mRoutes中。
  3. 將實時記錄的路由跳轉(zhuǎn),用stream發(fā)一個廣播,哪里需要哪里注冊。

3. 具體實現(xiàn)

main.dart

MaterialApp(
 navigatorObservers: [NavigatorManager.getInstance()],
 routes: NavigatorManager.configRoutes,
 ...
)

navigator_manager.dart

class NavigatorManager extends NavigatorObserver {
 /* 配置routes */
 static Map<String, WidgetBuilder> configRoutes = {
 PackageInfoPage.sName: (context) =>
 SplashPage.sName: (context) => SplashPage(),
 LoginPage.sName: (context) => SplashPage()),
 MainPage.sName: (context) => SplashPage(),
 //...
 }
 // 當(dāng)前路由棧
 static List<Route> _mRoutes;
 List<Route> get routes => _mRoutes;
 // 當(dāng)前路由
 Route get currentRoute => _mRoutes[_mRoutes.length - 1];
 // stream相關(guān)
 static StreamController _streamController;
 StreamController get streamController=> _streamController;
 // 用來路由跳轉(zhuǎn)
 static NavigatorState navigator;
 
 /* 單例給出NavigatorManager */
 static NavigatorManager navigatorManager;
 static NavigatorManager getInstance() {
 if (navigatorManager == null) {
  navigatorManager = new NavigatorManager();
  _streamController = StreamController.broadcast();
 }
 return navigatorManager;
 }
 
 // replace 頁面
 pushReplacementNamed(String routeName, [WidgetBuilder builder]) {
 return navigator.pushReplacement(
  CupertinoPageRoute(
  builder: builder ?? configRoutes[routeName],
  settings: RouteSettings(name: routeName),
  ),
 );
 }
 
 // push 頁面
 pushNamed(String routeName, [WidgetBuilder builder]) {
 return navigator.push(
  CupertinoPageRoute(
  builder: builder ?? configRoutes[routeName],
  settings: RouteSettings(name: routeName),
  ),
 );
 }
 
 // pop 頁面
 pop<T extends Object>([T result]) {
 navigator.pop(result);
 }
 
 // push一個頁面, 移除該頁面下面所有頁面
 pushNamedAndRemoveUntil(String newRouteName) {
 return navigator.pushNamedAndRemoveUntil(newRouteName, (Route<dynamic> route) => false);
 }
 
 // 當(dāng)調(diào)用Navigator.push時回調(diào)
 @override
 void didPush(Route route, Route previousRoute) {
 super.didPush(route, previousRoute);
 if (_mRoutes == null) {
  _mRoutes = new List<Route>();
 }
 // 這里過濾調(diào)push的是dialog的情況
 if (route is CupertinoPageRoute || route is MaterialPageRoute) {
  _mRoutes.add(route);
  routeObserver();
 }
 }
 
 // 當(dāng)調(diào)用Navigator.replace時回調(diào)
 @override
 void didReplace({Route newRoute, Route oldRoute}) {
 super.didReplace();
 if (newRoute is CupertinoPageRoute || newRoute is MaterialPageRoute) {
  _mRoutes.remove(oldRoute);
  _mRoutes.add(newRoute);
  routeObserver();
 }
 }
 
 // 當(dāng)調(diào)用Navigator.pop時回調(diào)
 @override
 void didPop(Route route, Route previousRoute) {
 super.didPop(route, previousRoute);
 if (route is CupertinoPageRoute || route is MaterialPageRoute) {
  _mRoutes.remove(route);
  routeObserver();
 }
 }
 
 @override
 void didRemove(Route removedRoute, Route oldRoute) {
 super.didRemove(removedRoute, oldRoute);
 if (removedRoute is CupertinoPageRoute || removedRoute is MaterialPageRoute) {
  _mRoutes.remove(removedRoute);
  routeObserver();
 }
 }
 
 void routeObserver() {
 LogUtil.i(sName, '&&路由棧&&');
 LogUtil.i(sName, _mRoutes);
 LogUtil.i(sName, '&&當(dāng)前路由&&');
 LogUtil.i(sName, _mRoutes[_mRoutes.length - 1]);
 // 當(dāng)前頁面的navigator,用來路由跳轉(zhuǎn)
 navigator = _mRoutes[_mRoutes.length - 1].navigator;
 streamController.sink.add(_mRoutes);
 }
}

4. 如何使用

token失效跳轉(zhuǎn)

case 401:
  ToastUtil.showRed('登錄失效,請重新登陸');
  UserDao.clearAll();
  NavigatorManager.getInstance().pushNamedAndRemoveUntil(LoginPage.sName);
  break;

點擊push推送跳轉(zhuǎn)

static jumpPage(String pageName, [WidgetBuilder builder]) {
  String currentRouteName = NavigatorManager.getInstance().currentRoute.settings.name;
  // 如果是未登錄,不跳轉(zhuǎn)
  if (NavigatorManager.getInstance().routes[0].settings.name != MainPage.sName) {
   return;
  }

  // 如果已經(jīng)是當(dāng)前頁面就replace
  if (currentRouteName == pageName) {
   NavigatorManager.getInstance().pushReplacementNamed(pageName, builder);
  } else {
   NavigatorManager.getInstance().pushNamed(pageName, builder);
  }
}

監(jiān)聽路由改變狀態(tài)欄顏色

class StatusBarUtil {
   static List<String> lightRouteNameList = [
    TaskhallPage.sName,
    //...
   ];
   static List darkRoutNameList = [
    SplashPage.sName,
    LoginPage.sName,
    MainPage.sName,
    //...
   ];
   
   static init() {
    NavigatorManager.getInstance().streamController.stream.listen((state) {
      setupStatusBar(state[state.length - 1]);
    })
   }
  
   setupStatusBar(Route currentRoute) {
    if (lightRouteNameList.contains(currentRoute.settings.name)) {
     setLight();
    } else if (darkRoutNameList.contains(currentRoute.settings.name)) {
     setDart();
    }
   }
}

完結(jié),撒花🎉

總結(jié)

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,謝謝大家對創(chuàng)新互聯(lián)的支持。

本文題目:Flutter上線項目實戰(zhàn)記錄之路由篇
本文網(wǎng)址:http://chinadenli.net/article38/gddspp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站虛擬主機、電子商務(wù)關(guān)鍵詞優(yōu)化、網(wǎng)站建設(shè)網(wǎng)站策劃

廣告

聲明:本網(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)

成都網(wǎng)頁設(shè)計公司