Flutter 修改應用程序的名稱和圖標

在項目中找到 AndroidManifest.xml 文件，其中 android:label="demo" 就是應用程序名稱，修改引號中的內容即可

創新互聯公司專注于額濟納企業網站建設,響應式網站開發,商城網站定制開發。額濟納網站建設公司,為額濟納等地區提供建站服務。全流程定制設計，專業設計，全程項目跟蹤，創新互聯公司專業和態度為您提供的服務

在項目中找到 mipmap-mdpi mipmap-hdpi mipmap-xhdpi mipmap-xxhdpi mipmap-xxxhdpi 文件夾，替換這些文件夾中的 ic_launcher.png 文件即可

注意：圖標有多種尺寸的大小，是為了適配不同分辨率的手機而設計的

在項目中找到 Info.plist 文件，其中 CFBundleDisplayName 和 CFBundleName 下面的就是應用程序名稱，修改內容即可

找到項目中的 AppIcon.appiconset 文件夾，其中 Contents.json 是配置文件，其它的圖片文件就是圖標，替換這些圖片文件即可

注意：圖標有多種尺寸的大小，是為了適配不同分辨率的手機而設計的

插件地址：

在項目中找到 pubspec.yaml 文件，添加內容如下

插件地址：

在項目中找到 pubspec.yaml 文件，添加內容如下

注意：準備一張 1024x1024 的 png 圖片，取名為 icon.png 并把它放在 assets/icon 目錄中

找到 ~/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_launcher_icons-0.9.2/lib/android.dart 文件修改內容如下

注意：如果使用了鏡像地址就找到 ~flutter/.pub-cache/hosted/pub.flutter-io.cn/flutter_launcher_icons-0.9.2/lib/android.dart 文件來修改以上內容

Flutter小部件之圖片（Image）和圖標（Icon）

在Flutter中，我們可以使用Image控件來顯示圖片，一般來講我們的圖片資源都來源于網絡或者本地圖片。

Flutter中的Image也是類似。

我們先來看看Image的構造方法

下面我們來看看其常用的屬性

可以看到，其常用屬性跟前端中的css很像。

下面我們來簡單用一用Image控件

首先是必填參數image，它接收一個ImageProvider類型的值。ImageProvider是一個抽象類，他下面有下圖這些實現類，由下面這些實現類可以看出，image是可以從資源，內存，網絡，和文件中獲取圖片。

我們先來試試加載網絡圖片

首先看看NetworkImage構造方法，很簡單，傳個url就可以了

如下：

嗯，就是這么簡單。其他3種情況使用也是類似的，自行看源碼即可。

實際上，Flutter給我們提供了擴展方法，使用起來更加簡單，通常我們直接使用提供的擴展方法即可

如下

可以看到，他們的構造方法基本類似。

所以我們也可以這樣寫，跟上面的效果是一致的。

大致分為一下幾步

1.創建一個文件夾，用于存放圖片，如圖，我創建了一個imgs的文件夾，放了一張圖片

2.在pubspec.yaml中聲明資源，注意聲明的時候路徑和前面的-是有間隔的，不然的話會報#/properties/flutter/properties/assets: type: wanted [array] got -imgs/code.png

類似的錯誤，聲明完成后點擊右上方的packages get

或

下面我們再來看看其他屬性。

width，height

寬高沒什么好說的，就是設置寬度和高度

配合color使用，用于設置顏色的混合模式。BlendMode是一個枚舉，他有很多值

詳細解析還是看官方文檔吧，值太多了，我們隨便用用

用于設置圖片的填充方式，當圖片本身小于設置的寬高或者比父控件的寬高小時，我們可以設置該屬性控制圖片的顯示。

其值的類型是BoxFit。是個枚舉

具體含義還是直接看文檔即可

設置圖片的對齊方式，接收一個Alignment類型的值，值如下，很好理解

為了方便看效果我們在外邊套了個Container,簡單的把它理解為一個容器布局就可以了，類似于html中的div或android中的Layout，我們給Container設置了寬高和背景顏色。

bottomLeft效果如下，其他的自行嘗試

相對于Image，ICON可以像web一樣使用字體圖標，并且可以使用矢量圖，無需擔心失真的問題，并且體積相對較小。

我們先來看看其構造方法

很簡單，我們直接來用一用

默認情況下，pubspec.yaml中uses-material-design的值為true.我們默認就可以使用Material Design字體圖標

Flutter 之列表和頭部 （ListView + Header）

上一篇介紹Banner的開發。在大多數應用場景中。banner和ListView通常是一起顯示的。 并且能夠共同滑動。例如如下界面：

要實現上圖的界面，直接想到是ListView添加Header。但在Flutter中，ListView 組件相當于RecyclerView，所以添加Header也用RecyclerView的原理：

封裝ListPage組件，list_page.dart

使用及測試：異步加載網絡數據使用

Flutter組件ListTile 使用說明

ListTile 通常用于在 Flutter 中填充 ListView。在這篇文章中，我將用可視化的例子來說明所有的參數。

title 參數可以接受任何小部件，但通常是文本小部件

副標題是標題下面較小的文本

使文本更小，并將所有內容打包在一起

將圖像或圖標添加到列表的開頭。這通常是一個圖標。

設置拖尾將在列表的末尾放置一個圖像。這對于指示主-細節布局特別有用。

設置內容邊距，默認是 16，但我們在這里設置為 0

如果選中列表的 item 項，那么文本和圖標的顏色將成為主題的主顏色。

ListTile 可以檢測用戶的點擊和長按事件，onTap 為單擊，onLongPress 為長按。對于波紋效果是內置的

通過將 enable 設置為 false，來禁止點擊事件

靜態方法 divideTiles 可以在 titles 之間添加分隔符，這個顏色有點淡，需要看仔細點才能看出來，哈哈哈哈

Flutter（8）：基礎組件之Icon

Flutter 的圖標類，它有幾個衍生的組件：ImageIcon、IconButton 等。

Icon還可以架加載iconfont（字體圖標），這種方式 和圖片相比有如下優勢：

使用方法比較簡單

為了照顧新手小伙伴，基礎講解里面不會設計比較復雜的東西，后面的深入講解中再對各方面最深入解析

下一節基礎組件之Button

文章名稱：flutter圖標列表,flutter 列表組件
文章來源：http://vcdvsql.cn/article48/dsdehhp.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、做網站、網站導航、網站制作、微信小程序、

廣告

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