Flutter 耗時監控 | 路由名為空原因分析

来源:https://www.cnblogs.com/xuge2it/archive/2023/01/27/17068512.html
-Advertisement-
Play Games

前言 最近群里遇到獲取Route名為空的問題,當時沒在意。。。 直到自己在監控頁面啟動耗時,需要確定當前頁面是哪個從而方便標記它載入的耗時時,遇到同樣 route.settings.name 為空問題,模擬場景如下: 在 main.dart 頁面中點擊 + 按鈕跳轉到 TestPage2 頁面。 M ...


前言

最近群里遇到獲取Route名為空的問題,當時沒在意。。。

Untitled.png

直到自己在監控頁面啟動耗時,需要確定當前頁面是哪個從而方便標記它載入的耗時時,遇到同樣 route.settings.name 為空問題,模擬場景如下:

  1. 在 main.dart 頁面中點擊 + 按鈕跳轉到 TestPage2 頁面。
  2. MaterialApp 中設置路由守衛併在路由守衛中列印 route 名。

Untitled 1.png
main.dart

Untitled 2.png
launch_observer.dart

Untitled 3.png
TestPage2.dart

路由守衛中列印結果如下:

Untitled 4.png

可以看出

  • 應用啟動進入 main 列印是正確的,之前沒有頁面,進入時候列印 route = /
  • 進入 TestPage2 時,previewousRoute 的 name = / 正確,但是當前 route 的 settings.name 卻為 null ,這就比較奇怪了。

我試著復現文章開頭的例子,代碼如下:

  1. main.dart 不變,點擊 + 跳轉到 TestPage2
  2. 在 TestPage2 中獲取路由參數和路由名字

Untitled 5.png

結果發現:name 的值仍然為 null;

Untitled 6.png

## 問題分析

MaterialPageRoute 繼承關係

Untitled 7.png

最終我們要得到的 name 其實是 Route 內部的 RouteSettings 對象的 name。

Untitled 8.png

而通過繼承關係追溯,最終 Route 中的 RouteSettings② 由 MaterialPageRoute① 傳過來。

Untitled 9.png

Untitled 10.png

解決辦法

很簡單,在跳轉頁面之前給 MaterialPageRoute 設置 settings 屬性。

Untitled 11.png

這樣就可以接受到 name 和傳遞過去參數了,如圖:

Untitled 12.png

能不能自動設置 RouteSettings

答案: 拿不到。

思路一:

有這個想法是因為涉及到老代碼的遷移,很多老代碼不想一個個改加 Settings,偷個懶。而且平時用的時候大部分情況下都不會帶 settings 屬性。

當然跟我有同樣想法的人也有 flutter - How to get the Widget Class name from the builder object in MaterialPageRoute - Stack Overflow

Untitled.jpeg

嘗試如下:

Untitled 13.png

PS: 哪位大佬有更好解決自動添加 RouteSetting 屬性辦法希望不吝賜教,多謝。

換個思路

群里大佬指出可以嘗試換個思路: aop buildpage。這裡找到個帖子是這種思路,沒驗證各位大大可自行辨別,哈哈。

Flutter aspectd(五)全局監控 flutter 生命周期

核心點

當我們要打開一個新的 flutter 頁面會執行 Navigator.pushNamed(context, RouteHelper.firstPage),最終會執行 navigator.dart 中的 handlePush 方法,hook 該方法,從該方法中可以得到我們要啟動頁面的 Route,以及當前的頁面 Route。

Untitled 14.png

總結

  1. Route.settings.name 無法獲取原因是 push/pushNamed 時 MaterialPageRoute 沒設置 RouteSettings 屬性。
  2. 如果老項目有埋點等需求需要監控頁面名,建議老老實實給每個 MaterialPageRoute 加 RouteSettings 屬性比較穩妥。
  3. 最最推薦的做法是通過 APT 方式模塊化路由功能,這樣應用中所有 MaterialPageRoute 生成過程就可以收攏,生成代碼時將 RouteSettings 屬性添加上即可。

如果覺得文章對你有幫助,點贊、收藏、關註、評論,一鍵四連支持,你的支持就是我創作最大的動力。

❤️ 本文原創聽蟬 公眾號:碼里特別有禪 歡迎關註原創技術文章第一時間推送 ❤️

PS: 文中所有源碼獲取方式:公眾號後臺回覆 “route”

參考鏈接

flutter - How to get the Widget Class name from the builder object in MaterialPageRoute - Stack Overflow
Flutter aspectd(五)全局監控flutter生命周期 - 掘金


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 一、std::string 的底層實現 1、深拷貝 1 class String{ 2 public: 3 String(const String &rhs):m_pstr(new char[strlen(rhs) + 1]()){ 4 } 5 private: 6 char* m_pstr; 7 ...
  • 迴文數-力扣 來源:力扣(LeetCode) 鏈接:https://leetcode.cn/problems/palindrome-number 著作權歸領扣網路所有。商業轉載請聯繫官方授權,非商業轉載請註明出處。 題目描述 給你一個整數 x ,如果 x 是一個迴文整數,返回 true ;否則,返回 ...
  • c#處理null的幾個語法糖,非常實用。(尤其是文末Dictionary那個案例,記得收藏) ??如果左邊是的null,那麼返回右邊的操作數,否則就返回左邊的操作數,這個在給變數賦予預設值非常好用。 int? a = null; int b = a ?? -1; Console.WriteLine( ...
  • 概述 web管理系統中可以對業務數據執行新增和刪除,現在需要當業務數據發生新增或刪除操作後,儘可能實時的反應到WPF客戶端上面。 web管理系統用VUE編寫,後端服務為SpringBoot,WPF客戶端基於.Netframework4.8編寫。 整體架構 sequenceDiagram title: ...
  • 前言 Proteus 新建工程雖然不難,但對於電子小白來說可能便成了學習路上的絆腳石,本篇我將逐步講解如何在 Proteus 中新建工程。 最新版 Proteus 8.15 最新版 Proteus 8.15 現已發佈,我為此編寫了詳細的圖文安裝教程並配有安裝包,需要安裝的朋友請跳轉進行安裝。 Pro ...
  • 前言 Proteus 是世界上唯一將電路模擬軟體、PCB設計軟體和虛擬模型模擬軟體三合一的設計平臺。 Proteus 8.15 現已發佈,本篇將帶領大家安裝此版本。 介紹 Proteus Proteus 軟體是英國 Lab Center Electronics 公司出版的 EDA 工具軟體。它不僅具 ...
  • 一道貪心演算法不是很明顯的題目,其實一般的遞推也可以做。 大體思路:肯定優先購買單價最低的奶農的牛奶,那麼就需要先根據牛奶單價進行排序,這裡用結構體會更好一點。之後在從前往後一個一個枚舉,直至購買的牛奶數量達到要求即可。 話不多說,上代碼: 1 #include<bits/stdc++.h> 2 us ...
  • 2023-01-24 一、NoSQL資料庫 1、NoSQL資料庫的簡介 NoSQL(NoSQL=Not Only SQL),即“不僅僅是SQL”,泛指非關係型的資料庫。NosQL不依賴業務邏輯方式存儲,而以簡單的key-value模式存儲。因此大大的增加了資料庫的擴展能力。 (1)不遵循SQL標準 ...
一周排行
    -Advertisement-
    Play Games
  • 隨著Aspire發佈preview5的發佈,Microsoft.Extensions.ServiceDiscovery隨之更新, 服務註冊發現這個屬於老掉牙的話題解決什麼問題就不贅述了,這裡主要講講Microsoft.Extensions.ServiceDiscovery(preview5)以及如何 ...
  • 概述:通過使用`SemaphoreSlim`,可以簡單而有效地限制非同步HTTP請求的併發量,確保在任何給定時間內不超過20個網頁同時下載。`ParallelOptions`不適用於非同步操作,但可考慮使用`Parallel.ForEach`,儘管在非同步場景中謹慎使用。 對於併發非同步 I/O 操作的數量 ...
  • 1.Linux上安裝Docken 伺服器系統版本以及內核版本:cat /etc/redhat-release 查看伺服器內核版本:uname -r 安裝依賴包:yum install -y yum-utils device-mapper-persistent-data lvm2 設置阿裡雲鏡像源:y ...
  • 概述:WPF界面綁定和渲染大量數據可能導致性能問題。通過啟用UI虛擬化、非同步載入和數據分頁,可以有效提高界面響應性能。以下是簡單示例演示這些優化方法。 在WPF中,當你嘗試綁定和渲染大量的數據項時,性能問題可能出現。以下是一些可能導致性能慢的原因以及優化方法: UI 虛擬化: WPF提供了虛擬化技術 ...
  • 引言 上一章節介紹了 TDD 的三大法則,今天我們講一下在單元測試中模擬對象的使用。 Fake Fake - Fake 是一個通用術語,可用於描述 stub或 mock 對象。 它是 stub 還是 mock 取決於使用它的上下文。 也就是說,Fake 可以是 stub 或 mock Mock - ...
  • 為.net6在CentOS7上面做準備,先在vmware虛擬機安裝CentOS 7.9 新建CentOS764位的系統 因為CentOS8不更新了,所以安裝7;簡單就一筆帶過了 選擇下載好的操作系統的iso文件,下載地址https://mirrors.aliyun.com/centos/7.9.20 ...
  • 經過前面幾篇的學習,我們瞭解到指令的大概分類,如:參數載入指令,該載入指令以 Ld 開頭,將參數載入到棧中,以便於後續執行操作命令。參數存儲指令,其指令以 St 開頭,將棧中的數據,存儲到指定的變數中,以方便後續使用。創建實例指令,其指令以 New 開頭,用於在運行時動態生成並初始化對象。方法調用指... ...
  • LiteDB 是一個輕量級的嵌入式 NoSQL 資料庫,其設計理念與 MongoDB 類似,但它是完全使用 C# 開發的,因此與 C# 應用程式的集成非常順暢。與 SQLite 相比,LiteDB 提供了 NoSQL(即鍵值對)的數據存儲方式,並且是一個開源且免費的項目。它適用於桌面、移動以及 We ...
  • 1 開源解析和拆分文檔 第三方的工具去對文件解析拆分,去將我們的文件內容給提取出來,並將我們的文檔內容去拆分成一個小的chunk。常見的PDF word mark down, JSON、HTML。都可以有很好的一些模塊去把這些文件去進行一個東西去提取。 優勢 支持豐富的文檔類型 每種文檔多樣化選擇 ...
  • OOM是什麼?英文全稱為 OutOfMemoryError(記憶體溢出錯誤)。當程式發生OOM時,如何去定位導致異常的代碼還是挺麻煩的。 要檢查OOM發生的原因,首先需要瞭解各種OOM情況下會報的異常信息。這樣能縮小排查範圍,再結合異常堆棧、heapDump文件、JVM分析工具和業務代碼來判斷具體是哪 ...