在原生App中嵌入Flutter

2021-09-23 20:35:38 字數 1998 閱讀 9185

首先有乙個可以執行的原生專案

第一步:新建flutter module

terminal進入到專案根目錄,執行flutter create -t module 『module名字』例如:flutter create -t module flutter-native

執行完畢,就會發現專案目錄下生成了乙個module

第二步:同步flutter module依賴

進入到新生成的flutter module目錄下的.android目錄下,命令是cd .android/,然後執行gradlew flutter:assembledebug,mac下./gradlew flutter:assembledebug

這過程根據網路情況,可能有點長。

結束之後在.android/flutter/build/outputs/aar/目錄下會生成flutter-debug.aar

第三步:設定jdk版本

第四步:依賴flutter module

在settings.gradle中加入

setbinding

(new

binding

([gradle:

this])

)evaluate

(new

file

( settingsdir.parentfile,))

注意:最後乙個引數最好寫全路徑!

dependencies
到此準備過程結束,寫**測試一下,我使用的是fragment方式。當然也有view的方式。

更多flutter資料分享歡迎android工程師朋友們加入安卓開發技術高階互助:856328774免費提供安卓開發架構的資料(包括fultter、高階ui、效能優化、架構師課程、 ndk、kotlin、混合式開發(reactnative+weex)和一線網際網路公司關於android面試的題目彙總。

HTML 5 APP 與原生 APP的差距到底在哪

1 動畫 動畫有很多種,比如側邊欄選單的滑入滑出 元素的響應動畫 頁面切換之間的過場等等,在h5之下的眾多實現方法都沒有辦法達到純原生的效能。一般這些的話有幾種不同的選擇 比如在乙個新頁面的載入上,如果呼叫底層動畫要考慮的問題有兩個,乙個是本身資源頁面的渲染問題,另乙個是遠端資料的獲取。即便是這些動...

iOS 在app裡面嵌入傳送郵件功能

1 新增messageui.framework 2 新增標頭檔案和委託 import mfmailcomposeviewcontrollerdelegate 3 mfmailcomposeviewcontroller mail mfmailcomposeviewcontroller alloc in...

web嵌入到原生的app裡需要注意的事項

1 2 3 4 5 6 7 1 h5頁面嵌入的原生的js裡,設定line height,元素不垂直居中的解決辦法 把元素的畫素放大到二倍,例如 12rem 24rem 然後 進行縮放,這裡注意以 為原點 webkit transform scale 0.5 transform scale 0.5 w...