Flutter跳轉(zhuǎn)到原生iOS、Android頁(yè)面

：之所以讓AppDelegate繼承于UINavigationControllerDelegate，并實(shí)現(xiàn)navigationController：willShow方法， ，所以實(shí)現(xiàn)代理方法對(duì)導(dǎo)航欄的顯示做了判斷。

海湖新網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),海湖新網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為海湖新上千余家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢(qián)，請(qǐng)找那個(gè)售后服務(wù)好的海湖新做網(wǎng)站的公司定做！

JumpTestViewController.swift 為：

JumpChannel.kt :

SecondActivity.kt :

在AndroidManifest.xml的application中注冊(cè)SecondActivity：

在res文件夾下創(chuàng)建一個(gè)layout文件夾，并添加activity_second.xml文件：

Demo： flutter_jumpto_native

Flutter（六）Android與Flutter混合開(kāi)發(fā)（Hybird）

如果我們目前的項(xiàng)目是Android的，但是接下來(lái)我們希望部分頁(yè)面可以使用Flutter進(jìn)行開(kāi)發(fā)，甚至我們希望在Native頁(yè)面中嵌入FlutterUI組件，那么我們?cè)撊绾螌?shí)現(xiàn)呢？

假設(shè)你現(xiàn)在Android項(xiàng)目的目錄的結(jié)構(gòu)是這樣的

這時(shí)候如果你想創(chuàng)建一個(gè)Flutter模塊，使得Android模塊和Flutter模塊之間可以進(jìn)行交互，我們可以通過(guò)Android Studio新建一個(gè)Flutter Module，具體過(guò)程是：File — New — New Module ，之后選擇Flutter Module，指定Project Location的路徑為

也就是說(shuō)，最終你的項(xiàng)目結(jié)構(gòu)會(huì)是這樣的

接下來(lái)在Android Module的 build.gradle 文件中添加flutter依賴

先創(chuàng)建一個(gè)Flutter頁(yè)面

這里比較重要的是 window.defaultRouteName 這個(gè)字段，這個(gè)字段可以接收從Native傳遞過(guò)來(lái)的參數(shù) （下文我們會(huì)介紹原生傳遞參數(shù)的方法），也就是說(shuō)通過(guò)這個(gè)字段我們就可以進(jìn)行Flutter頁(yè)面的路由的分發(fā)

我們可以直接在Android的 MainActivity 中啟動(dòng)一個(gè) FlutterActivity ，這里的 initialRoute 方法中傳遞的參數(shù)就對(duì)應(yīng)Flutter層的 window.defaultRouteName

注意：需要在 AndroidManifest.xml 注冊(cè) FlutterActivity

自己創(chuàng)建一個(gè) FlutterAppActivity 繼承自 FlutterActivity

在 MainActivity 中啟動(dòng) FlutterAppActivity （另外別忘了在 AndroidManifest.xml 中注冊(cè) FlutterAppActivity ）

兩種啟動(dòng)方式的區(qū)別

如果單純只是想打開(kāi)一個(gè)Flutter頁(yè)面，兩種方式實(shí)際上基本沒(méi)有太大區(qū)別，第一種方式也許還會(huì)更簡(jiǎn)單一點(diǎn)。但是，在Flutter開(kāi)發(fā)中，我們往往還需要開(kāi)發(fā)一些Native插件供Flutter調(diào)用，如果使用復(fù)寫(xiě) FlutterActivity 的方式更有利于我們?cè)?FlutterActivity 中注冊(cè)我們的Native插件，所以實(shí)際開(kāi)發(fā)中一般推薦使用第二種方式

擴(kuò)展思考

initialRoute 從名稱上看起來(lái)是Flutter提供給我們進(jìn)行Native與Flutter交互的路由跳轉(zhuǎn)的，但是實(shí)際上他就是一個(gè)字符串，我們不僅僅可以傳遞一個(gè)路由名稱，有時(shí)候我們也可以通過(guò)這個(gè)參數(shù)傳遞一串JSON數(shù)據(jù)，然后在Flutter端進(jìn)行解析，這樣我們就可以通過(guò)這個(gè)參數(shù)做更多的事情

activity_main.xml

FrameLayout 用于承載Flutter組件

MainActivity.java

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

運(yùn)行結(jié)果

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

本節(jié)主要介紹了Native和Flutter之間的頁(yè)面跳轉(zhuǎn)，以及同一個(gè)頁(yè)面中Native與Flutter組件的組合。接下來(lái)會(huì)介紹如何編寫(xiě)Android插件與Flutter進(jìn)行數(shù)據(jù)交互

Flutter 另一種方法實(shí)現(xiàn) RouteAware 頁(yè)面跳轉(zhuǎn)生命周期

咳咳,先定義一個(gè)類集成 RouteObserverPageRoutedynamic

把這個(gè)類加入到 MaterialApp 屬性 navigatorObservers 中

model

然后復(fù)制我的工具類

至此準(zhǔn)備工作完成,使用也很簡(jiǎn)單