Flutter初始化

新建一個Flutter工程，android模塊。

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計、網(wǎng)站制作、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)訥河,10年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108

1，只有一個Activity組件，它是Dart層繪制Widget的容器。

2，Application配置FlutterApplication。

應(yīng)用Application配置io.flutter.app.FlutterApplication類，App首次啟動時，初始化。

調(diào)用FlutterMain.startInitialization()方法。

initConfig方法，從AndroidManfest.xml配置的applicaion節(jié)點獲取meta-data數(shù)據(jù)，初始化以下默認值。

這些值都是使用中用到的name，例如，抽取apk中asset資源時，flutter_assets打包目錄，打包產(chǎn)物data名稱。

initResources方法， 初始化資源。

在Flutter打包apk的asset目錄下，包括fluttter_asset目錄/資源項，將資源從apk中抽取，保存在 Context.getDir("flutter", 0) 目錄下。

/data/user/0/包名/app_flutter目錄。

在目錄中創(chuàng)建一個時間戳文件，根據(jù)apk版本和包信息記錄的lastUpdateTime更新時間，第二次啟動時，若apk未更新，不需要再次抽取。

加載so庫，libflutter.so，System.loadLibrary()。

主頁面繼承FlutterActivity，配置啟動模式singleTop。

FlutterActivity類在io.flutter.app包， (區(qū)別io.flutter.embedding.android包)， 組件生命周期委托給FlutterActivityDelegate類。

組件啟動，onCreate方法。

FlutterMain.ensureInitializationComplete方法，確保資源成功抽取完成，創(chuàng)建FlutterView視圖(io.flutter.view)，繼承SurfaceView類，setContentView方法，設(shè)置組件主布局即FlutterView視圖。

最后，根據(jù)Bundle路徑，runBundle()加載運行，

調(diào)用FlutterView的runFromBundle方法，入口點在dart的main方法，

通過FlutterNativeView，調(diào)用FlutterJNI的native方法。

nativeRunBundleAndSnapshotFromLibrary方法。

任重而道遠

Flutter發(fā)布Package(Pub.dev或私有Pub倉庫)

??因為我們使用Flutter跨平臺技術(shù)開發(fā)App時，會有很多公用組件，因為Flutter中一切皆為Widget，widget也比較細粒度，所以我們需要進行封裝，用于一個項目或者公司不同項目中去~

??那么今天寫寫如何發(fā)布package或者插件到Pub.dev上，扯扯談O(∩_∩)O哈哈~

《Flutter的撥云見日》系列文章如下：

1、Flutter中指定字體(全局或者局部，自有字庫或第三方)

2、Flutter發(fā)布Package(Pub.dev或私有Pub倉庫)

首先，我們知道flutter有四種工程模式：Flutter Application、Flutter Module、Flutter Plugin和Flutter Package。

我們這里就主要講Package 純Dart插件的發(fā)布吧，都差不多。

創(chuàng)建工程后，就可以編寫你的公共組件，或者公用字體庫呀啥的， 都行。

在更改下你的pubspec.yaml文件，修改下你的versionCode，項目名稱，項目描述，作者等

如果上傳失敗試試????的命令：

在執(zhí)行該命令時，可能會中途調(diào)到網(wǎng)頁，要求你登錄google賬號，登錄授權(quán)，到時候登錄賬號并授權(quán)就可以了。

因為我們直接使用flutter packages pub publish是發(fā)布到Pub.dev上，并不是發(fā)布到私有倉庫，該怎么辦呢？

其實呢，也很簡單！像versionCode，項目名，等都和發(fā)布Pub.dev是一樣的。沒啥區(qū)別。

有兩種方式：

就是這么簡單o( ＠ )o

相信大家引用Pub.dev上的第三方庫都會了哈，到處都是這里不講了

在使用flutter pub get就可以拉到私有倉庫項目了

以上就差不多聊了聊package發(fā)布和獲取的事兒了，都很明了，大家可以試試，挺簡單的。

PS: 寫文不易，覺得沒有浪費你時間，請給個點贊~ ????

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

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

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

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

也就是說，最終你的項目結(jié)構(gòu)會是這樣的

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

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

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

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

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

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

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

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

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

擴展思考

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

activity_main.xml

FrameLayout 用于承載Flutter組件

MainActivity.java

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

運行結(jié)果

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

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

ios flutter 混編

最近在集成flutter進項目

以收集編譯產(chǎn)物并以cocopods方式集成

產(chǎn)物大概放入兩個pod庫

這個暫且叫pod1，pod1放flutter.framework，第三方plugin.a，自己寫的基礎(chǔ)plugin，比如networking，hud等等（由于是混編，不可避免存在很多原生基礎(chǔ)組件，所以能公用的基礎(chǔ)組件都會弄一個flutter-plugin橋接）

第二個pod2放編譯之后的app.framwork,注冊文件GeneratedPluginRegistrant，以及各個業(yè)務(wù)模塊.a（有可能沒有）結(jié)構(gòu)大概如下面

podspec大概如下

主工程引入這兩個pod庫即可

接下來從零開始搭建上文所說的

先創(chuàng)建一個flutter module

這個是主flutter工程，用來集成businessModule以及生成app.framework

結(jié)構(gòu)如下圖

再生成一個業(yè)務(wù)工程

注意此時還需要進入example生成ios和Android工程，不然無法單獨編譯運行

這樣 這個單獨的業(yè)務(wù)模塊就可以單獨跑起來了

此時主flutter工程和業(yè)務(wù)工程均搭建完畢

在主工程pubspec.ymal文件講兩個工程關(guān)聯(lián)

好了 接下來就是編寫腳本收集產(chǎn)物了

編譯完成之后會在flutter主工程product生成如下文件

將上面文件分類收集做成文章開頭的pod1，pod2 ，在native工程引入即可

在集成flutter的過程中 踩不少坑 也閱讀很多前輩的文章，在此一并感謝

Flutter Android端集成排坑 - armeabi 適配 & FlutterBoost

Flutter可以算是當下最火熱的新技術(shù)之一，我現(xiàn)在所在團隊也準備將Flutter技術(shù)應(yīng)用到線上工程中。

關(guān)于混合工程，官方文檔其實寫的已經(jīng)比較清楚了，按著文檔走一般問題不大，

但是有一點值得注意的是，F(xiàn)lutter工程引入的庫的gradle的 buildTypes 要與原工程保持一致，如果不一致需要手工添加。

進入正題，現(xiàn)在Flutter官方默認只提供armeabi-v7a、arm64-v8a、x86和x86-64，其中x86和x86-64是為模擬器準備的。目前我們使用的SDK大部分只使用了armeabi架構(gòu)，直接使用我們會遇見找不到 libflutter.so，libapp.so 的情況，所以我們需要對FlutterSDK做一定的改造。

首先我們要了解下Flutter編譯產(chǎn)物，因為不同版本產(chǎn)物是不同的，這里我們只針對Flutter 1.9.1-hotfixes來說。除了資源文件之外，F(xiàn)lutter打包會生成兩個非常重要的so庫，他們分別是 libflutter.so，libapp.so 。其中 libflutter.so 是Flutter的SDK產(chǎn)物而 libapp.so 正是我們編寫的dart文件的產(chǎn)物。默認情況下，這兩個文件都會出現(xiàn)在armeabi-v7a中，因此我們要作出對應(yīng)的改造。

libflutter.so 位于FlutterSDK中，這里順帶提一句，除了這對不同CPU架構(gòu)，它還分為Debug版和Release版，它們的區(qū)別在于Debug是為JIT編譯方式打造的，體積較大而Release是為AOT編譯方式打造的，體積很小。對 libflutter.so 的改造，只要將其移動文件路徑即可，運行以下腳本即可，此腳本來自美團分享的Flutter文章。

移動完了 libflutter.so 之后我們打包發(fā)現(xiàn)， libapp.so 仍然會出現(xiàn)在armeabi-v7a中，所以第二部我們就是移動 libapp.so 。這個需要更改 flutter.gradle ，我們在 flutter.gradle 的45行可以看到如下定義，它定義了我們的環(huán)境。

在524行我們可以看到，abiValue的取值就是根據(jù)上述定義值。

所以結(jié)論很簡單，只要將

private static final String ARCH_ARM32 = "armeabi-v7a";

改為

private static final String ARCH_ARM32 = "armeabi";

就可以完成對與 libflutter.so 的移動。

前期工作我們都做好了，打成aar就非常簡單了

直接使用 flutter build aar --target-platform android-arm

打出來后可以解壓檢查下 libflutter.so，libapp.so 是否都在armeabi文件夾下即可。

說完了armeabi適配問題，這里下說下有關(guān)于有關(guān)于FlutterBoost的接入。這個東西接入有兩點要注意。

在主app內(nèi)加上即可，常規(guī)操作，強制統(tǒng)一support包的版本號

注釋flutter.gradle第655行。因為編譯過程中，會去初始化插件項目的buildType下面的debug配置，而插件項目下并未配置debug，導致報錯。

如果發(fā)現(xiàn)文章中有錯誤或者有更好的解決方案歡迎指正留言，當然如果本篇文章幫助你解決了問題，也不要吝嗇你的感謝。謝謝各位。

Flutter是一個什么框架

Flutter是一個移動應(yīng)用程序的軟件開發(fā)工具包（SDK），具有以下特征：

跨平臺應(yīng)用的框架，沒有使用WebView或者系統(tǒng)平臺自帶的控件，使用自身的高性能渲染引擎自繪

簡化版的瀏覽器，最大限度在android和ios上統(tǒng)一UI，包括業(yè)務(wù)邏輯和用戶體驗

開發(fā)語言使用dart，結(jié)合C, C++, 和Skia（2D渲染引擎）構(gòu)建

支持hot reload，包含著完整的控件和工具鏈

一切皆控件，控件是每個Flutter應(yīng)用程序的基本構(gòu)建塊，與分離視圖、控制器、布局和其他屬性的框架不同，F(xiàn)lutter具有一致的統(tǒng)一對象模型：控件。一個控件可以定義：結(jié)構(gòu)元素（比如按鈕或菜單）、風格元素（比如字體或顏色方案）、布局的方面（比如填充）、一些業(yè)務(wù)邏輯等

組合大于繼承，控件本身通常由許多小型、單用途的控件組成，結(jié)合起來產(chǎn)生強大的效果，類的層次結(jié)構(gòu)是扁平的，以最大化可能的組合數(shù)量

強化版的WebView，框架僅提供一個View層，大部分功能要依賴原生

目前只能夠運行大部分Dart代碼（不能引入dart:mirrors或dart:html庫）

文章題目：flutter工程結(jié)構(gòu),flutter目錄結(jié)構(gòu)設(shè)計
標題路徑：http://jinyejixie.com/article40/dsdjcho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營銷、App設(shè)計、企業(yè)網(wǎng)站制作、云服務(wù)器、面包屑導航、網(wǎng)頁設(shè)計公司

廣告

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