flutter小紅書,Flutter入門

Flutter實現(xiàn)馬蜂窩小紅書自適應高度輪播圖

NotificationListener 可以監(jiān)聽 PageView 的改變，比如滑動的距離，頁面索引等，目前只使用的了索引。里面的一些方法挺有用的。

創(chuàng)新互聯(lián)建站-成都網(wǎng)站建設公司，專注做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站營銷推廣，主機域名，網(wǎng)絡空間，網(wǎng)站托管有關企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系創(chuàng)新互聯(lián)建站。

使用 AnimatedContainer 組件保證切換以后會有流程的過渡效果,表現(xiàn)的會平滑一些。

首先，返回數(shù)據(jù)需要包含圖片的寬高信息，就像這樣:

如果返回的只有圖片信息沒有寬高數(shù)據(jù)可以使用以下方法去獲得圖片的信息,這樣也可以得到圖片的寬高信息，不太建議，還是直接叫后端給，我們也方便處理，要是后端說他們給不了就拿上磚頭去叫他們加，就想偷懶。

自適應輪播圖的高度我們需要原始圖片的寬高比，或者知道原始圖的寬高。顯示的時候按照原始的寬高比進行等比例縮放。

_controller.page 獲取到的是一個浮點數(shù)，類似 1.0325441 ,使用 round 四舍五入出現(xiàn)的效果就是我們拖到一半或以上就可以得到下一個 activeIndex ， activeIndex 是一個整數(shù)。

我們動態(tài)獲取了圖片的寬度以后放入 AnimatedContainer 就可以有過渡效果，真機和模擬器測試都很流暢，可以已60幀渲染。

網(wǎng)站題目：flutter小紅書,Flutter入門
網(wǎng)頁網(wǎng)址：http://muchs.cn/article4/phgiie.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、企業(yè)建站、網(wǎng)站營銷、網(wǎng)站設計、搜索引擎優(yōu)化、網(wǎng)站建設

廣告

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