小菜在學(xué)習(xí) Flutter 過程中，有特別需求是對于文本過長的內(nèi)容需要展示固定行數(shù)，而在文本右下角有提示用戶點(diǎn)擊展開和收起；小菜嘗試自定義一個(gè)可...
投稿
收錄了140篇文章 · 95人關(guān)注
-
Flutter 137: 圖解自定義 ACEFoldTextView 折疊文本 -
Flutter 136: 圖解 CupertinoSegmentedControl 分段控制器
小菜在之前嘗試過 ToggleButtons 按鈕切換容器組，小菜了解到類似的 iOS 風(fēng)格的 CupertinoSegmentedContro...
-
Flutter 133: 圖解自定義 ACEWaterButton 水波紋按鈕小菜想自定義一個(gè)水波紋按鈕，即默認(rèn)向外擴(kuò)散的水波樣式；實(shí)現(xiàn)方式有很多種，小菜嘗試最基本的 AnimationController 逐層繪制來處理...
-
Flutter 132: 圖解 PaginatedDataTable 分頁表格小菜在嘗試列表展示時(shí)，對于固定類型數(shù)據(jù)庫表展示需要支持左右滑動(dòng)，了解到 PaginatedDataTable 分頁表格，學(xué)習(xí)一下設(shè)計(jì)思路； Pa...
-
Flutter 131: 圖解 AnimatedList 動(dòng)畫列表
小菜在使用列表加載數(shù)據(jù)項(xiàng)時(shí)，為了提高用戶瀏覽體驗(yàn)，在增加刪除 Item 項(xiàng)時(shí)適當(dāng)增加一點(diǎn)小動(dòng)畫，于是小菜通過 AnimatedList 簡單嘗試...
-
Flutter 130: 圖解 DraggableScrollableSheet 可手勢滑動(dòng)的菜單欄小菜發(fā)現(xiàn)在長期未登陸小米應(yīng)用市場時(shí)，再次登陸會(huì)有可滑動(dòng)的半屏底部菜單，供用戶方便下載和推廣；而在 Flutter 中這個(gè)半屏底部菜單并不是一個(gè)簡...
-
Flutter 129: 圖解 ToggleButtons 按鈕切換容器組小菜前兩天剛學(xué)習(xí)了 ButtonBar 按鈕容器，今天順便學(xué)習(xí)一下 ToggleButtons 按鈕切換容器組，其切換效果可以應(yīng)用在日常 Tab...
-
Flutter 128: 圖解 ColorTween 顏色補(bǔ)間動(dòng)畫 & ButtonBar 按鈕容器小菜在嘗試做主題顏色切換時(shí)，希望背景色有一個(gè)自然的過渡過程，于是了解到 ColorTween 顏色補(bǔ)間差值器，配合 AnimationContr...
-
Flutter 127: 圖解基礎(chǔ) Image 小組件Image 圖片作為日常中最常用的 Widget 卻也是最容易忽略的，小菜在日常中通常僅用到 Image 展示圖片屬性，但是 Image 本身非...
-
Flutter 126: 圖解自定義兩側(cè)對齊 ACETabBar 標(biāo)簽導(dǎo)航欄小菜在實(shí)踐學(xué)習(xí)過程中，需要把 TabBar 標(biāo)簽欄默認(rèn)居左，而 TabBar 默認(rèn)是居中狀態(tài)；小菜借此機(jī)會(huì)學(xué)習(xí)一下 TabBar 源碼，稍微調(diào)整...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1647917/u_3669273212_3031370855_fm_11_gp_0.png', '推薦專題《一起來學(xué)Flutter～》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/f643c670d26f?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認(rèn)gb2312'));){kind=link}