怎樣評價uni-app？

前端最火熱的話題無法就是flutter,不管是刷哪個論壇，必定有探討flutter的文章。沒用過flutter，但是對于跨平臺的技術(shù)，我一直都在研究。

創(chuàng)新互聯(lián)建站是一家專業(yè)提供綏寧企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站建設(shè)、成都網(wǎng)站制作、H5網(wǎng)站設(shè)計、小程序制作等業(yè)務(wù)。10年已為綏寧眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設(shè)計公司優(yōu)惠進(jìn)行中。

為什么是uni-app

之前一直在找解決跨平臺的方案，嘗試了很多方案，比如滴滴的變色龍，但是最終還是選擇了uni-app，這里附上uni-app的官網(wǎng)。為什么會選擇它呢，第一，vue語法，學(xué)習(xí)成本低，上手速度快，只要之前你做過vue的項目，那么就能很快上手，其實(shí)是vue和微信小程序的結(jié)合體，一半vue，一半微信小程序。第二，長期維護(hù)，之前做微信小程序的時候，選擇了美團(tuán)的mpvue，但是后面發(fā)現(xiàn)長期不維護(hù)了，提了Issues也沒人理，隨之就放棄了，而uni-app長期在維護(hù)，這樣看出了開發(fā)團(tuán)隊的用心。第三，跨平臺的能力，uni-app能夠跨多個終端，H5，安卓，Ios，微信小程序，百度小程序，頭條小程序，支付寶小程序，真正實(shí)現(xiàn)了一套代碼，多端運(yùn)行，而且很好適應(yīng)了我國的市場。第四，日益豐富的插件市場，uni的插件市場也在日益強(qiáng)大，能夠基本上滿足我們平時的開發(fā)需求。

uni-app的組件有原生調(diào)用能力，第三方的vue庫在調(diào)原生接口時跟 5+runtime 不兼容。就像nativescript 有vue版和angular版，類似于react native , 都是起源于phonegap/cordova

實(shí)際開發(fā)效果遵義小紅椒 做了一款app，打包了安卓，Ios,微信小程序3個平臺，產(chǎn)出的效果都還是不錯，總體還是比較滿意。而且打包過程也很方便簡單，配套的HBuilderX自動內(nèi)置了打包功能，所以也省去了打包的煩惱。

遵義小紅椒 建議

如果你現(xiàn)在想做一款跨平臺的產(chǎn)品，而且有vue和微信小程序的經(jīng)驗(yàn)，最重要的，你不想學(xué)習(xí)一門新語言，那么uni-app也許是你的一個選擇。

Flutter-如何計算文字寬高

在某些業(yè)務(wù)上，可能我們需要計算多段文字的高度，達(dá)到動態(tài)適配ListView高度的目的，滿足我們產(chǎn)品的優(yōu)（bian）秀（tai）需求。在android原生層大家都知道有各種手段可以計算文字的寬、高等，例如paint.layout等等手段。但在flutter中，雖然并沒有直接提供API供開發(fā)者使用，但和android原生一樣，只有看下RichText的源碼就可以發(fā)現(xiàn)其中奧妙。

這里很感謝[zhouxiaofu]為我指出文字高度計算提到錯誤地方，詳細(xì)看評論。

Flutter:快速創(chuàng)建簡單閃屏頁

近來閑暇時間一直在做Flutter,閃屏頁是一個比較常見的需求,網(wǎng)上的閃屏頁教程大部分是那種類似于廣告頁,而非iOS中的 LaunchScreen 性質(zhì)的閃屏頁.按照原來的方案我們要配置閃屏頁的話,我們需要同時配置兩端的閃屏頁,那么有沒有比較簡單的方案來配置閃屏頁呢? 毋庸置疑,當(dāng)然是有了,那就是Flutter的插件 - flutter_native_splash . 接下來我們就來看一下具體應(yīng)該怎么使用這個插件.

首先把 flutter_native_splash 導(dǎo)入到工程的 pubspec.yaml 中.這里需要注意的是需要放在 dev_dependencies 下,而不是 dependencies .具體如下所示.

接下來我們就來配置 flutter_native_splash ,在配置之前我們看一下 flutter_native_splash 的可配置項.

例如,我現(xiàn)在只有一個logo圖片,那么我想生成iOS和android兩端的閃屏頁,這時候我只需在 pubspec.yaml 如下設(shè)置即可.

當(dāng)然了,如果你有其他配置可以自行進(jìn)行添加.

配置完成了,我們該如何生成呢?這時候需要我們打開終端 cd 到我們的工程目錄下.如果是Android Studio 或者 VSCode 默認(rèn)就是在當(dāng)前工程目錄下.

然后我們需要執(zhí)行下面的三個命令來生成閃屏頁

每一次都敲三個命令實(shí)屬麻煩,我們把上訴的三個命令整合成一個命令,如下所示.

那么,我們不想使用該插件生成的閃屏頁該怎么辦呢?我們只需要執(zhí)行下面命令即可.

注:每一次更換圖片都是需要重新執(zhí)行命令重新生成.

OK,上面就是關(guān)于 flutter_native_splash 的使用全部內(nèi)容,其實(shí)比較簡單,如果需要定制化的,建議還是各自平臺配置各自的閃屏頁.如果有任何問題歡迎在評論區(qū)批評指導(dǎo),感謝大家了.