flutter 路由監聽友盟頁面統計方案

1.當我們使用flutter開發的時候 頁面里面只有 initState 與dispose方法.

成都創新互聯公司專注于靜海企業網站建設,響應式網站,商城網站開發。靜海網站建設公司,為靜海等地區提供建站服務。全流程按需開發網站，專業設計，全程項目跟蹤，成都創新互聯公司專業和態度為您提供的服務

initState 只有進入頁面的時候調用,并且在二級頁面返回的時候 是不會有調用的

dispose 當頁面銷毀的時候 才會調用，你進入二級頁面是不會調用的

綜上分析者兩個方法沒有辦法友盟頁面統計分享上報

2.我們可以使用 NavigatorObserver來解決

首先新建一個 繼承與NavigatorObserver的類 實現NavigatorObserver 的方法就可以了

最后我們需要再 MaterialApp里面的navigatorObservers添加監聽就可以了

這時候 會有一個問題點擊tabbar幾個主頁是沒有統計的 ，我們也需要再tabbar的點擊方法來進行處理

Flutter（六）Android與Flutter混合開發（Hybird）

如果我們目前的項目是Android的，但是接下來我們希望部分頁面可以使用Flutter進行開發，甚至我們希望在Native頁面中嵌入FlutterUI組件，那么我們該如何實現呢？

假設你現在Android項目的目錄的結構是這樣的

這時候如果你想創建一個Flutter模塊，使得Android模塊和Flutter模塊之間可以進行交互，我們可以通過Android Studio新建一個Flutter Module，具體過程是：File — New — New Module ，之后選擇Flutter Module，指定Project Location的路徑為

也就是說，最終你的項目結構會是這樣的

接下來在Android Module的 build.gradle 文件中添加flutter依賴

先創建一個Flutter頁面

這里比較重要的是 window.defaultRouteName 這個字段，這個字段可以接收從Native傳遞過來的參數 （下文我們會介紹原生傳遞參數的方法），也就是說通過這個字段我們就可以進行Flutter頁面的路由的分發

我們可以直接在Android的 MainActivity 中啟動一個 FlutterActivity ，這里的 initialRoute 方法中傳遞的參數就對應Flutter層的 window.defaultRouteName

注意：需要在 AndroidManifest.xml 注冊 FlutterActivity

自己創建一個 FlutterAppActivity 繼承自 FlutterActivity

在 MainActivity 中啟動 FlutterAppActivity （另外別忘了在 AndroidManifest.xml 中注冊 FlutterAppActivity ）

兩種啟動方式的區別

如果單純只是想打開一個Flutter頁面，兩種方式實際上基本沒有太大區別，第一種方式也許還會更簡單一點。但是，在Flutter開發中，我們往往還需要開發一些Native插件供Flutter調用，如果使用復寫 FlutterActivity 的方式更有利于我們在 FlutterActivity 中注冊我們的Native插件，所以實際開發中一般推薦使用第二種方式

擴展思考

initialRoute 從名稱上看起來是Flutter提供給我們進行Native與Flutter交互的路由跳轉的，但是實際上他就是一個字符串，我們不僅僅可以傳遞一個路由名稱，有時候我們也可以通過這個參數傳遞一串JSON數據，然后在Flutter端進行解析，這樣我們就可以通過這個參數做更多的事情

activity_main.xml

FrameLayout 用于承載Flutter組件

MainActivity.java

使用 FragmentManager 將 FlutterFragment 添加到 FrameLayout 容器中

運行結果

上半部分是原生的TextView，下半部分是Flutter的Text組件

本節主要介紹了Native和Flutter之間的頁面跳轉，以及同一個頁面中Native與Flutter組件的組合。接下來會介紹如何編寫Android插件與Flutter進行數據交互

Flutter狀態管理--GetX的簡單使用

一、前言

Flutter開發，就需要對各種狀態的管理，就是在請求數據的時候需要實時變化，各種交互變化等，在沒有使用GetX之前使用Provider,用Provider的時候覺得真香，挺方便的，需要刷新的時候直接 notifyListeners(); 用了GetX之后覺得Provider太繁瑣了。這邊介紹下GetX的使用以及常用的方法。

二、 GetX

GetX 是 Flutter 上的一個輕量且強大的解決方案：高性能的狀態管理、智能的依賴注入和便捷的路由管理。

1、相關優勢：

三、使用

1、第一步 引入get

2、第二步

修改入口、配置路由

3、路由

Routes類

Pages類

4、狀態管理

我一般一個page對應一個controller， controller來處理邏輯，控制page.

簡單使用

5、依賴注入

依賴注入也是我喜歡的，可以減少很多工作。

第一步

第二步

6、跨頁面交互

7、黑暗模式

可以參考前期寫的博客。 黑暗模式的適配

Flutter Boost 接入實踐（iOS 篇）

本文將簡單梳理一下 iOS 工程接入的 Flutter Boost 的流程，以作為前文的補充。

flutter_application_path = '../flutter_module'

load File.join(flutter_application_path, '.ios', 'Flutter', 'podhelper.rb')

target 'FlutterHybridiOS' do

install_all_flutter_pods(flutter_application_path)

end

接著在工程根目錄下運行 pod install ，即可集成上 Flutter Module?？吹轿覀兊?Pods 中多了以下幾個模塊，即說明集成成功。

接著在工程根目錄下運行 pod install ，即可集成上 Flutter Module。看到我們的 Pods 中多了以下幾個模塊，即說明集成成功。

這一塊直接參照 Flutter Boost 官方提供的 example 就好了：

PlatformRouterImp.h：

PlatformRouterImp.m：

可以看到，Flutter Boost 支持常規 push，也支持打開模態彈窗，也支持手動 pop。

AppDelegate.h：

AppDelegate.m：

同樣的，這里可在 Native 端用兩種不同的方式去打開我們在 Flutter Module 中注冊好的路由名。

至此，我們成功在 iOS 工程中接入了 Flutter Boost，那就開啟我們的混編之旅吧~

網頁名稱：flutter路由,flutter路由插件
文章鏈接：http://vcdvsql.cn/article44/dsdjdhe.html

成都網站建設公司_創新互聯，為您提供搜索引擎優化、電子商務、移動網站建設、App開發、網站收錄、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯