Flutter 怎么給Listview設(shè)置背景圖片

這個小例子使用的是豆瓣 API 中?正在上映的電影?的開放接口，要實現(xiàn)的主要效果如下:

創(chuàng)新互聯(lián)公司致力于互聯(lián)網(wǎng)網(wǎng)站建設(shè)與網(wǎng)站營銷，提供網(wǎng)站設(shè)計制作、成都做網(wǎng)站、網(wǎng)站開發(fā)、seo優(yōu)化、網(wǎng)站排名、互聯(lián)網(wǎng)營銷、成都微信小程序、公眾號商城、等建站開發(fā)，創(chuàng)新互聯(lián)公司網(wǎng)站建設(shè)策劃專家，為不同類型的客戶提供良好的互聯(lián)網(wǎng)應(yīng)用定制解決方案，幫助客戶在新的全球化互聯(lián)網(wǎng)環(huán)境中保持優(yōu)勢。

JSON 數(shù)據(jù)結(jié)構(gòu)

flutter 圖片放大，圖片詳情，圖片輪播

先上圖（樣式自己調(diào)整）

1.新建小部件

根據(jù)實際情況修改以下部分內(nèi)容；

2.使用(index 為當(dāng)前點擊圖片的下標(biāo)，)

Flutter圖片處理成黑白

借助BlendMode屬性可以處理圖片的色值，有很多混合方式，官方文檔：

這里只說圖片變黑白

方式一，直接設(shè)置image里的color和colorBlendMode屬性：

方式二，通過ShaderMask設(shè)置blendMode：

第三節(jié) Flutter Image圖片組件的使用

Image組件的構(gòu)造方法

在 Android 中，我們都知道，圖片的顯示方式有很多，資源圖片、網(wǎng)絡(luò)圖片、文件圖片等等，在 Flutter 中也有多種方式，用來加載不同形式的圖片：

Image：通過ImageProvider來加載圖片

Image.asset：用來加載本地資源圖片

Image.file：用來加載本地（File文件）圖片

Image.network：用來加載網(wǎng)絡(luò)圖片

Image.memory：用來加載Uint8List資源（byte數(shù)組）圖片

Image 的一個參數(shù)是 ImageProvider，基本上所有形式的圖片加載都是依賴它，這個類里面就是實現(xiàn)圖片加載的原理。用法如下：

加載一個本地資源圖片，和 Android 一樣，有多種分辨率的圖片可供選擇，但是沿襲的是 iOS 的圖片風(fēng)格，分為 1x，2x，3x，具體做法是在項目的根目錄下創(chuàng)建兩個文件夾，如下圖所示：

還要配置如下

在pubspec.yaml文件

加載一個本地 File 圖片，比如相冊中的圖片，用法如下

加載一個網(wǎng)絡(luò)圖片，用法如下：

有的時候我們需要像Android那樣使用一個占位圖或者圖片加載出錯時顯示某張?zhí)囟ǖ膱D片，這時候需要用到 FadeInImage 這個組件：

用來將一個 byte 數(shù)組加載成圖片，用法如下：