Android 原生工程整合Flutter混合開發

2021-10-04 22:03:33 字數 1716 閱讀 2404

在android工程根目錄的上一級目錄建立flutter工程,保證flutter工程與android工程在同一級。

c:\android\flutterinandroid\androiddemo>cd ..

c:\android\flutterinandroid>flutter create -t module flutter_demo

cd到flutter工程目錄下的.android目錄,執行gradlew指令碼

c:\android\flutterinandroid>cd flutter_demo

c:\android\flutterinandroid\flutter_demo>cd .android

c:\android\flutterinandroid\flutter_demo\.android>.\gradlew flutter:assembledebug

首先,修改android專案根目錄下的setting.gradle:

//加入下面配置

setbinding(new binding([gradle: this]))

evaluate(new file(

settingsdir.parentfile,

'flutter_demo/.android/include_flutter.groovy'

))

android 

...//新增下面配置

compileoptions

}...

dependencies

/**

* 建立view

*/view flutterview = flutter.

createview

(mainactivity.

this

,getlifecycle()

,"r1");

/*** 建立fragment

*/fragment flutterfragment = flutter.

createfragment

("r2"

);

可以通過window的defaultroutename獲取路由名稱,依此進行判斷並建立不同的widget給android工程呼叫。

widget selectwidget(string routename) }

首先在flutter module工程目錄下執行flutter attach,開始監聽flutter。

c:\damon\flutter\flutterinandroid\flutter_demo>flutter attach

waiting for a connection from flutter on scl al00...

然後,在android工程中執行程式,執行成功後可以在終端輸入小寫r熱載入,大寫r熱重啟。

c:\damon\flutter\flutterinandroid\flutter_demo>flutter attach

waiting for a connection from flutter on scl al00...

done.

syncing files to device scl al00...

Android原生整合Flutter的淺嚐

簡介 flutter更新速度還是很快的為了避免帶來的一些沒必要的問題,這邊文章是基於的版本為 感謝flutter的先行者們對flutter的專案的促進,以便讓我們這些後來者能少跳一些坑。這篇文章之前已經有許多談論這方面的文章了。最具代表性的就是 flutter 原碼整合 aar產物整合 flutte...

Unity Vuforia 整合原生xcode專案

1.匯入檔案 2.配置build phases 1 新增run script 2 新增copy files 3 新增framework 3.配置build setting 2 linking下 lc inherited weak framework,coremotion,weak lsystem,o...

ReactNative整合到原生專案

reactnative整合到原生專案 1 在工程裡建立乙個reactcomponent資料夾,用來存放reactnative相關的檔案 2 reactcomponent資料夾裡,存放以下檔案 3 其中package.json檔案是關於reactnative的配置資訊,最好自己init乙個專案然後將專...