天天看點

Flutter控件

每個控件都是通過構造函數構造的,内置屬性參數

文本(text)

text text.rich 混合展示樣式與單一樣式的關鍵差別在于分片

平台

flutter

android

ios

文本

text

textview

uilabel

分段文本

textspan

spannablestring

nsattributedstring

正常文本

image

本地資源圖檔,加載本地圖檔,加載網絡圖檔

圖檔類型

加載方法

本地資源圖檔

<code>image.asset(‘images/logo.png’);</code>

本地(file 檔案)圖檔

<code>image.file(new file(’/storage/xxx/xxx/test.jpg’));</code>

網絡圖檔

<code>image.network('http://xxx/xxx/test.gif')</code>

圖檔加載過程展位和加載錯誤占位

圖檔展示流程

Flutter控件
緩存檔案系統,加載過程占位和加載錯誤占位(自定義控件占位 圖檔緩存隻緩存在記憶體中,若想支援緩存到檔案系統,可以用cachednetworkimage控件

按鈕

floatingactionbutton flatbutton raisedbutton

按鈕名稱

描述

floatingactionbutton

一個圓形的按鈕,一般出現在螢幕内容的前面,用來處理界面中最常用、最基礎的使用者動作

Flutter控件

raisedbutton

凸起的按鈕,預設帶有灰色背景,被點選後灰色背景會加深

Flutter控件

flatbutton

扁平化的按鈕,預設透明背景,被點選後會呈現灰色背景

Flutter控件

例子:

上一篇: n-1位數
下一篇: cigarettes