建站
咨詢
售后
建站咨詢
新聞中心
關(guān)于 FLutter顯示原生視圖 View（iOS 篇）并交互
① 創(chuàng)建原生視圖，可提供外界調(diào)用的方法 / 屬性等。
成都創(chuàng)新互聯(lián)公司-成都網(wǎng)站建設(shè)公司，專注成都做網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站營銷推廣，域名注冊，網(wǎng)站空間，網(wǎng)站托管有關(guān)企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系成都創(chuàng)新互聯(lián)公司。
② 創(chuàng)建遵守 FlutterPlatformViewFactory協(xié)議的 NSObject class 類
③ 創(chuàng)建遵守 FlutterPlatformView 協(xié)議的 NSObject class 類
④ 在 Appdelegate 中注冊
創(chuàng)建個通信 dart 文件
dart 文件中使用：
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)元素（比如按鈕或菜單）、風(fēng)格元素（比如字體或顏色方案）、布局的方面（比如填充）、一些業(yè)務(wù)邏輯等
組合大于繼承，控件本身通常由許多小型、單用途的控件組成，結(jié)合起來產(chǎn)生強大的效果，類的層次結(jié)構(gòu)是扁平的，以最大化可能的組合數(shù)量
強化版的WebView，框架僅提供一個View層，大部分功能要依賴原生
目前只能夠運行大部分Dart代碼（不能引入dart:mirrors或dart:html庫）
Flutter ScrollView（滾動視圖）
ScrollView 是一個帶有滾動的視圖組件。
ScrollView 由三部分組成：
ScrollView 有以下常用屬性：
注：ScrollView 是一個抽象類，通常使用 CustomScrollView。
SliverAppBar 可以實現(xiàn)背景，標(biāo)題，頂部導(dǎo)航欄聯(lián)動，漸隱漸出動畫。
Flutter初始化
新建一個Flutter工程，android模塊。
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ù)，初始化以下默認(rèn)值。
這些值都是使用中用到的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方法。
任重而道遠(yuǎn)
為什么Flutter開發(fā)APP性能最接近原生，前端程序員請關(guān)注
Flutter是谷歌公司推出的跨終端的開發(fā)框架，支持Android、iOS和WEB終端。1.0版在2018年12月5日發(fā)布，目前的最新版本是1.5，它采用的開發(fā)語言是Dart，Dart也是谷歌開發(fā)的計算機編程語言，語法類似C，是編譯型語言：
hello world例子，打印字符串“Hello World!”：
1、沒有橋接層
React Native、Weex等技術(shù)都是跨終端的框架，然而性能跟原生App存在很大差距。這是由于它們的工作原理決定的：
React Native、Weex等技術(shù)多了一個橋接層，所以界面渲染會慢一些，由于UI渲染非常頻繁，想要不卡頓，基本上比較難，性能和用戶體驗跟原生代碼有差距。而這恰恰是Flutter的優(yōu)勢所在：
Dart可以被編譯成不同平臺的本地代碼，讓Flutter不通過橋接層直接跟平臺通信，自然性能會快一些。
2、編譯執(zhí)行
JavaScript是解釋執(zhí)行的，Dart是編譯執(zhí)行的，性能誰好一目了然。
3、Flutter Engine虛擬機
Flutter是依靠Flutter Engine虛擬機在iOS和Android上運行的，F(xiàn)lutter Engine使用C/C++編寫，開發(fā)人員通過Flutter框架直接和API在內(nèi)部進(jìn)行交互，所以具有輸入低延遲和UI渲染高幀速率的特點。除了這特點之外，F(xiàn)lutter還提供了自己的小部件，F(xiàn)lutter小部件是使用從React獲取靈感的現(xiàn)代框架構(gòu)建的。 中心思想是您使用小部件構(gòu)建UI。
窗口小部件根據(jù)其當(dāng)前配置和狀態(tài)描述了它們的視圖。 當(dāng)窗口小部件的狀態(tài)發(fā)生更改時，窗口小部件會重建其描述，框架將根據(jù)前面的描述進(jìn)行區(qū)分，以確定底層呈現(xiàn)樹從一個狀態(tài)轉(zhuǎn)換到下一個狀態(tài)所需的最小更改?？梢灾苯釉贠S平臺提供的畫布上進(jìn)行描繪，也就是一些核心類庫直接放到虛擬機里面，調(diào)用起來更快。
從它的系統(tǒng)結(jié)構(gòu)可以看出，類似安卓的ART(Android Run Time)虛擬機，同樣采用AOT(Ahead of TIme)技術(shù)，會在APP安裝時就編譯成機器語言，不再解釋執(zhí)行，從而優(yōu)化了APP運行的性能。
4、自帶渲染引擎
Flutter使用谷歌自己的Skia渲染引擎，而Android系統(tǒng)自帶Skia引擎，iOS平臺上Flutter也會把Skia引擎打包到APP中，從而實現(xiàn)了高效渲染。而React Native通過橋接層訪問原生UI，操作頻繁就容易出性能問題。
綜合所述，F(xiàn)lutter 是性能最接近原生代碼 的一種開發(fā)框架，未來也會是構(gòu)建谷歌Fuchsia應(yīng)用的主要方式，前途不可限量，唯一的問題就是需要學(xué)習(xí)一門新的語言：Dart，而有Java或者C#語言基礎(chǔ)的程序員會比較容易學(xué)習(xí)。
flutter屬于原生開發(fā)嗎
Flutter只是 谷歌的移動 UI 框架，在Android開發(fā)中，你可以理解為 嵌套在activity里面的一個view即可。
目前有純flutter開發(fā)，還有 flutter，原生混合開發(fā) 兩種模式。。
新聞名稱：包含flutter原生視圖的詞條
文章起源：http://fisionsoft.com.cn/article/dsdpdpd.html
