Flutter入門(三)------常用組件

一.容器組件

   容器組件( Container )包含一個子 widget ,自身具備如 alignment padding 等基礎屬性,方便佈局過程中擺放 child。

二.圖片組件

圖片組件( Image )是顯示圖像的組件, Image 組件有種構造函數

new Image:從 ImageProvider 獲取圖像

new Image.asset :加載資源圖片  

new Image.file :加載本地圖片文件 

new Image.network :加載網絡圖片 

new Image.memory :加載 Uint8List 資源圖片

三.文本組件

文本組件( text )負責顯示文本和定義顯示樣式

四.圖標及按鈕組件

   1.圖標組件

  圖標組件( Icon )爲展示圖標的組件,該組件不可交互,要實現可交互的圖標,可以考慮使用 IconButton組件。

 IconButton :可交互的 Icon .

 Icons :框架自帶 Icon 集合

 IconThemeIcon 主題

 Imagelcon :通過 Assetlmages 或者其他圖片顯示 Icon

     2.圖標按鈕組件

    圖標按鈕組件( IconButton )是基於 Material Design 風格的組 ,它可 以響應按下事件, 並且按下時會帶一個水波紋的效果。 如果它的 onPressed 回調函數爲 null ,那麼這個 按鈕處於禁用狀態,並且不可以按下。

 3.凸起按鈕組件

凸起按鈕組件( RaisedButton )是 Material Design 中的 button ,一個凸起的材質矩形按 鈕,它可以響應按下事件,並且按下時會帶一個觸摸的效果。

五.列表組件

1.基礎列表組件

2.長列表組件

當列表的數據項非常多時, 需要使用長列表,比如淘 寶後臺訂單列表、手機通訊錄等,這些列表項數據很多。 長列表也是使用 ListView 爲基礎組件,只不過需要添一個列表項構造器 itemBuilder

3.網格列表組件

  數據量很大時用矩陣方式排列比較清晰,此時用網格列表組件,即爲 Grid View 組件,可以實現多行多列的應用場景, 使用 GridView創建網格列表有多種方式:

    GridView.count 通過單行展示個數 創建GridView。

    GridView. extent 通過最大寬度創建 GridView 。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章