哥哥手把手教你Android原生項(xiàng)目集成Flutter闽坡,耶 !

方法一:aar集成

1愁溜,Android原工程需要使用Java8編譯

在工程 build.gradle里面疾嗅,android{ }下修改

2,生成aar文件

這一步需要先將Flutter Module生成aar祝谚,在Flutter Module的根目錄下運(yùn)行一下命令:

flutter build aar

3,使用aar

主工程的 build.gradle repositories 閉包 里面加入

然后把a(bǔ)ar包復(fù)制到libs目錄下面宪迟, app 的build.gradle里面添加依賴

編譯成功,就是大功告成

二交惯,源碼方式集成次泽,直接引入Flutter Module

1穿仪、 依次點(diǎn)擊左上角的File --> New --> New Flutter Project

2、然后選擇Flutter Module意荤。

3啊片,在項(xiàng)目根目錄settings.gradle文件中配置:

官網(wǎng)在跟項(xiàng)目同級(jí)創(chuàng)建 flutter module 是沒問題的。但是我們現(xiàn)在改了,應(yīng)該怎樣設(shè)置呢沮尿?

Tips:注意相對路徑的使用刊驴,重點(diǎn)是找到 include_flutter.groovy

案例一:

在 settings 所在目錄有 sub/my_flutter/.android/include_flutter.groovy 文件:

案例二:

在 settings 所在目錄的父目錄有 MyApp/sub/my_flutter/.android/include_flutter.groovy 文件

在APP下的Gradle文件中添加:

完成這幾步就順利完成在原生項(xiàng)目中集成flutter module了

-------------------------------------------------------------------------------------------------------------------------------------

接下來講原生界面與Flutter界面的跳轉(zhuǎn):

安卓原生界面跳轉(zhuǎn)到flutter界面有兩種方式,一種是使用flutterView笤昨,另一種是使用?FlutterFragment??

先新建一個(gè)activity,在oncreate方法中加入以下代碼:

Flutter.createView()方法返回的是一個(gè)FlutterView握恳,它繼承自View瞒窒,我們可以把它當(dāng)做一個(gè)普通的View,調(diào)用addContentView()方法將這個(gè)View添加到Activity的contentView中乡洼。我們注意到Flutter.createView()方法的第三個(gè)參數(shù)傳入了"flutter Route1"字符串崇裁,表示路由名稱,它確定了Flutter中要顯示的Widget束昵,接下來需要在之前創(chuàng)建好的Flutter Module中編寫邏輯了拔稳,修改main.dart文件中的代碼

在runApp()方法中通過window.defaultRouteName可以獲取到我們在Flutter.createView()方法中傳入的路由名稱,即"flutter Route1"锹雏,之后編寫了一個(gè)_widgetForRoute()方法巴比,根據(jù)傳入的route字符串顯示相應(yīng)的Widget。

最后在Mainacivity中加入跳轉(zhuǎn)事件:

最后發(fā)現(xiàn)原生的標(biāo)題欄還在逼侦,在style中加入透明標(biāo)題欄樣式

OK匿辩,如果你走到這里,恭喜你榛丢,大功告成铲球!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市晰赞,隨后出現(xiàn)的幾起案子稼病,更是在濱河造成了極大的恐慌,老刑警劉巖掖鱼,帶你破解...
    沈念sama閱讀 221,888評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件然走,死亡現(xiàn)場離奇詭異,居然都是意外死亡戏挡,警方通過查閱死者的電腦和手機(jī)芍瑞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,677評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來褐墅,“玉大人拆檬,你說我怎么就攤上這事洪己。” “怎么了竟贯?”我有些...
    開封第一講書人閱讀 168,386評論 0 360
  • 文/不壞的土叔 我叫張陵答捕,是天一觀的道長。 經(jīng)常有香客問我屑那,道長拱镐,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,726評論 1 297
  • 正文 為了忘掉前任持际,我火速辦了婚禮沃琅,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘选酗。我一直安慰自己阵难,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,729評論 6 397
  • 文/花漫 我一把揭開白布芒填。 她就那樣靜靜地躺著,像睡著了一般空繁。 火紅的嫁衣襯著肌膚如雪殿衰。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,337評論 1 310
  • 那天盛泡,我揣著相機(jī)與錄音闷祥,去河邊找鬼。 笑死傲诵,一個(gè)胖子當(dāng)著我的面吹牛凯砍,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播拴竹,決...
    沈念sama閱讀 40,902評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼悟衩,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了栓拜?” 一聲冷哼從身側(cè)響起座泳,我...
    開封第一講書人閱讀 39,807評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎幕与,沒想到半個(gè)月后挑势,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,349評論 1 318
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡啦鸣,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,439評論 3 340
  • 正文 我和宋清朗相戀三年潮饱,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诫给。...
    茶點(diǎn)故事閱讀 40,567評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡香拉,死狀恐怖啦扬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情缕溉,我是刑警寧澤考传,帶...
    沈念sama閱讀 36,242評論 5 350
  • 正文 年R本政府宣布,位于F島的核電站证鸥,受9級(jí)特大地震影響僚楞,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜枉层,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,933評論 3 334
  • 文/蒙蒙 一泉褐、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧鸟蜡,春花似錦膜赃、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,420評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至泣矛,卻和暖如春疲眷,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背您朽。 一陣腳步聲響...
    開封第一講書人閱讀 33,531評論 1 272
  • 我被黑心中介騙來泰國打工狂丝, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人哗总。 一個(gè)月前我還...
    沈念sama閱讀 48,995評論 3 377
  • 正文 我出身青樓几颜,卻偏偏與公主長得像,于是被迫代替她去往敵國和親讯屈。 傳聞我的和親對象是個(gè)殘疾皇子蛋哭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,585評論 2 359

推薦閱讀更多精彩內(nèi)容