flutter插件發(fā)布及問題解決

1，執(zhí)行 flutter pub publish--dry-run 檢查是否具備發(fā)布條件

創(chuàng)新互聯(lián)建站是少有的成都網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、營銷型企業(yè)網(wǎng)站、微信平臺小程序開發(fā)、手機(jī)APP,開發(fā)、制作、設(shè)計(jì)、買友情鏈接、推廣優(yōu)化一站式服務(wù)網(wǎng)絡(luò)公司,從2013年開始,堅(jiān)持透明化,價格低,無套路經(jīng)營理念。讓網(wǎng)頁驚喜每一位訪客多年來深受用戶好評

遇到的問題1：

It‘s strongly recommended to include a “homepage“ or “repository“ field

解決方案：在 pubspec. yaml ?中配置 主頁 homepage 地址 :

homepage:

可參考：

2，執(zhí)行 flutter pub publish--server= 發(fā)布

如果執(zhí)行flutter pub publish發(fā)布的話會遇到以下錯誤，國內(nèi)還是用?flutter pub publish--server= 來發(fā)布

package repository requested authentication! You can provide credential using:pub token add

問題1：It looks like accounts.google.com is having some trouble. Pub will wait for a while before trying to connect again. OS Error: Operation timed out, errno = 60, address = accounts.google.com, port = 53481 pub finished with exit code 69

原因：

1、國內(nèi)墻；

2、flutter環(huán)境配置添加了國內(nèi)鏡像

解決方式：

1、翻墻；

2、屏蔽環(huán)境變量里關(guān)于flutter的國內(nèi)鏡像；

屏蔽方式如下：

# export PUB_HOSTED_URL=

# export FLUTTER_STORAGE_BASE_URL=

3、設(shè)置終端代理命令(這個是我解決的方式)，這個非常重要，不然就會報(bào)上面超時錯誤了

如果出現(xiàn)：Flutter pub finished with exit code 1

解決方式：flutter packages pub publish --server=

此問題原文鏈接：（畢竟要尊重版權(quán)）

問題2：LICENSE這個文件中不能有TODO，也不能為空，可找個flutter庫看看別人是怎么寫的

Flutter開發(fā)--視頻播放器

目前Flutter平臺主流的兩個播放器是video_player和fijkplayer

pub

github

1、Flutter平臺官方插件，作者是國外的，有問題溝通比較困難，只能通過提交issue

2、硬解碼

4、UI封裝： better_player

基于video_player和Chewie的高級視頻播放器。它解決了許多典型的用例，并且易于運(yùn)行。

5、播放器寬高比例與視頻內(nèi)容寬高比例不一致時，會出現(xiàn)圖像壓縮變形的問題

6、調(diào)用原生內(nèi)核播放器：iOS--AVPlayer， Android--ExoPlayer

7、對于分段源 m3u8 的播放不友好，如果一個切片播放超時，會導(dǎo)致整個播放都失敗

8、better_player可以緩存視頻，但不能自定義緩存的地址，只能指定key，和緩存的最大內(nèi)存量（還未研究超出最大的話是不能緩存新的，還是刪除最舊的）

9、better_player不能完全自定義UI，只能修改類中的一些開放屬性，比如說icon圖標(biāo)，文字顏色啥的

10、無網(wǎng)絡(luò)有緩存時，封面可以正常展示

11、better_player播放失敗有手動retry的設(shè)計(jì)

pub

github

1、fijkplayer 是一個 Flutter 生態(tài)的媒體播放器，是對 ijkplayer 的 Flutter 封裝，支持 Android 和 iOS。 fijkplayer 使用 ijkplayer 作為播放器內(nèi)核，ijkplayer 使用 ffmpeg 進(jìn)行音視頻解封裝和解碼，同時添加了 Android 和 iOS 平臺特有的硬件加速解碼能力。

2 、國內(nèi)有QQ群，但是活躍度也是不高。

3、可以緩存視頻，可以自定義緩存的地址，方便后續(xù)的內(nèi)存維護(hù)。

4、可以通過FijkPanelWidgetBuilder較大程度上自定義UI。

5、無網(wǎng)絡(luò)有緩存視頻時，無法展示封面，因?yàn)閮?nèi)部是通過imageProvider去加載網(wǎng)絡(luò)圖片的。

7、播放失敗無手動retry的設(shè)計(jì)

1、兩種播放器都是通過外接紋理方案 (Texture)，將播放器視頻畫面渲染接入 flutter 中，性能上優(yōu)于 PlatformView 的接入方法。

如何自己實(shí)現(xiàn)？

下面以video_palyer的iOS源碼部分解釋：

iOS用CVPixelBufferRef將渲染出來的數(shù)據(jù)存在內(nèi)存中，F(xiàn)lutter engine會將Texture的數(shù)據(jù)在內(nèi)存中直接進(jìn)行映射無需通過Channel傳輸，然后Texture Widget就可以把你提供的這些數(shù)據(jù)顯示出來。在我們傳輸數(shù)據(jù)的時候會需要將其與 TextureID 綁定，綁定的過程通過BasicMessageChannel實(shí)現(xiàn)數(shù)據(jù)流的傳輸，以做到實(shí)時展示的效果

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àng).

例如,我現(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),感謝大家了.

Flutter 插件問題（引入插件同時存在靜態(tài)庫與swift）

前提：Flutter 項(xiàng)目中引入使用多個插件，內(nèi)含有swift與靜態(tài)庫時出現(xiàn)的一系列問題

問題一、swift插件缺少設(shè)置swift的版本號

解決方案：在Xcode中打開項(xiàng)目Targets—builds settings —user-defined

在user-defined內(nèi)添加一行：SWIFT_VERSION（版本號視當(dāng)前版本號為準(zhǔn)）

問題二、靜態(tài)庫

看到網(wǎng)上好多的解決方法是刪除掉或者添加上Podfile中的use_frameworks!,實(shí)測與此無關(guān),錯誤信息忘記截圖啦????，大體就是pod install 時出現(xiàn)無法install之類的信息

正解方法是找到相關(guān)錯誤插件內(nèi)的podspec文件，添加s.static_framework = true

webview_flutter滑動存在卡頓問題的完美解決方法

1.webview_flutter

2.flutter_inappwebview

3.flutter_webview_plugin

筆者最近發(fā)現(xiàn)webview_flutter在Android端嵌套帶有較長的Webview頁面時偶?xì)W會存在卡頓問題表現(xiàn)為加速向下滑動到頁面底部，然后從底部慢慢像上滑就不起作用了，體驗(yàn)很不好，經(jīng)過一天的排查和實(shí)驗(yàn)發(fā)現(xiàn)是webview_flutter插件自己的問題，用原生嵌套WebView并沒有問題，后來改成flutter_webview_plugin問題可以解決，但是flutter_webview_plugin插件并不是基于flutter渲染的并不能在嵌套webview的頁面自定義flutter樣式層，后來發(fā)現(xiàn)使用flutter_inappwebview插件能夠完美解決問題。推薦你們用flutter_inappwebview。