程序員如果敲一會就停半天，抱著一杯茶，表情擰巴，那才是在編程，在之前我要實(shí)現(xiàn)一級標(biāo)簽效果，我還在苦苦寫了好多嵌套的代碼，當(dāng)我看到 Clip 時，淚奔啊，原來一個組件就可以實(shí)現(xiàn)，所以從事Flutter開發(fā)的小伙伴可以瞅瞅效果，萬一用上呢。

1 先來看效果圖

Clip 是Material Design的一個 Widget，用來實(shí)現(xiàn)標(biāo)簽效果，Clip中通過屬性可配置一個文本、完整的 Widget、一個動作（比如按鈕點(diǎn)擊）。

2 核心使用代碼

Chip 的 avatar 屬性配置的是一個Widget，所這里可以組合足夠復(fù)雜的 Widget合集，在本實(shí)例中只是使用了 CircleAvatar，CircleAvatar常用來展示圓形的小頭像。

3 結(jié)合 Wrap 組件實(shí)現(xiàn)多標(biāo)簽效果

label 是用來配置文本的，labelStyle是用來設(shè)置這個文本的樣式，如顏色、大小 、粗細(xì)等等，labelPadding是用來設(shè)置文本四周的邊距的。

avatar 是用來配置左側(cè)的顯示的小 Widget，deleteIcon是用來配置右側(cè)的刪除按鈕的。

完畢