Flutter實戰(zhàn)：擼半個知乎日報

感謝 知乎日報-API-分析 提供的api幫助完成這個demo

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、松嶺網(wǎng)站定制設(shè)計、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場景定制、成都商城網(wǎng)站開發(fā)、集團公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為松嶺等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

該項目完全開源，單純?yōu)榱藢W(xué)習(xí)與交流，希望大家喜歡，多多提意見。

后續(xù)會將未來學(xué)到的新知識點用到該項目，持續(xù)更新

1.今日熱點

2.主題分類

3.文章詳情

4.抽屜列表增加緩存, 防止多次拉去數(shù)據(jù)

5.評論列表 (界面，動畫優(yōu)化)

6.主題列表 (界面，動畫優(yōu)化)

7.主頁banner自動輪播,手指滑動是禁止輪播，放開則繼續(xù)

8.刷新數(shù)據(jù)失敗，增加重試按鈕

9.分享UI

9.登錄UI，聯(lián)動交互（在評論界面可以點擊寫點評進入）

1.Flutter加載Html

1.注冊

2.登錄

3.發(fā)表評論

4.收藏

5.等等

Flutter混合開發(fā)實戰(zhàn)

之前開發(fā)了一個純Flutter的項目，結(jié)果接到個新的需求需要使用Flutter單獨開一個模塊集成到原有的android項目中

下面分享一下如何集成現(xiàn)有的項目和如何繼承以及碰到的問題

1.首先第一步 修改gradle

因為 Flutter 當(dāng)前僅支持為 x86_64，armeabi-v7a 和 arm64-v8a 構(gòu)建預(yù)編（AOT）的庫 所以我們需要修改gradle的文件限制 APK 中支持的架構(gòu)，從而避免 libflutter.so找不到引起的崩潰

2.新建一個FlutterModel的工程

2.使用aar文件 因為所有工程統(tǒng)一使用jenkins打包所以我們放在本地肯定是不合適的

說以我們需要 打包aar并上傳服務(wù)器

上傳完成后在android中引用

在開發(fā)中遇到的問題

1.關(guān)于android和Ios中的跳轉(zhuǎn)傳參問題

這個問題在android端還是比較方便的 但是的在Ios端并不怎么好實現(xiàn)

最終決定使用flutter_boost來完成android和Ios與Flutter的通信操作

flutter_boost github地址：

集成文檔：

集成文檔給出了 但是沒有android的 尷尬

下滿分享下android的集成

（1）在flutter的 pubspec.yaml工程中添加

（2）修改android工程

使用本地工程的時候需要在工程共添加

使用aar的時候不需要添加

（3）在android工程中添加對應(yīng)的條狀路由配置

（4）在使用默認的flutter_boost啟動界面的時候可能碰到狀態(tài)欄丟失的情況

所以最好集成BoostFlutterActivity寫一個新的activity方便處理狀態(tài)欄和activity進出動畫

（5）跳轉(zhuǎn)并傳參

//params 傳多個參數(shù)可以使用json的形式

2.在flutter中的網(wǎng)絡(luò)框架使用的dio結(jié)果在ios的彈出loading的時候出現(xiàn)卡頓現(xiàn)象

解決方式：1.服務(wù)換證書 （但是后臺太忙暫時沒有支持的人員）

2.ios使用原生的loading解決

3.在使用dio的時候出現(xiàn)ios部分手機 網(wǎng)絡(luò)請求緩慢問題

解決方法：請求的時候使用http 2.0協(xié)議

插件地址：

Flutter上線項目實戰(zhàn)——Vap視頻動畫

透明視頻動畫是目前比較流行的實現(xiàn)動畫的一種, 大廠也相繼開源自己的框架，最終我們選中 騰訊vap ，它支持了Android、IOS、Web，為我們封裝flutter_vap提供了天然的便利，并且它提供了將幀圖片生成帶alpha通道視頻的工具，這簡直太贊了。

VAP（Video Animation Player）是企鵝電競開發(fā)，用于播放酷炫動畫的實現(xiàn)方案。

video for youtube

video for qiniu

apk download

github

Flutter實戰(zhàn)巧之-showModalBottomSheet 高度自適應(yīng)

showModalBottomSheet 所彈出的內(nèi)容高度是固定的。要想自適應(yīng)自己布局的高度只需如下兩點：

加入 isScrollControlled: true 后，彈窗高度會變成全屏的。接下來就是自己布局中的處理。

BottomPhotoDialog是我自己寫的想要彈出的布局。在根節(jié)點中用SingleChildScrollView來包裹Column即可讓彈窗高度適應(yīng)布局高度

本文題目：flutter實戰(zhàn)新聞的簡單介紹
文章出自：http://jinyejixie.com/article32/dssoesc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、網(wǎng)站內(nèi)鏈、建站公司、軟件開發(fā)、微信公眾號、服務(wù)器托管

廣告

聲明：本網(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)