flukit 乙個Flutter UI元件庫。

2021-10-07 08:23:12 字數 1145 閱讀 7103

flukit (flutter ui kit)是乙個flutter widget庫。

原quickselectlistview遷移至azlistview

quickselectlistview 更改為 azlistview

suspensionlistview 更改為 suspensionview

flukit

--lib //示例目錄

--package_src

--lib

--src //widget庫目錄

--docs //文件目錄,文件必須是markdown格式

--images //文件用到的都放在這裡,如截圖

--chs //中文文件目錄

--en //英文文件目錄

flutter run
如果你新增了乙個,請遵循如下規則:

盡可能多的新增注釋,文件注釋為三斜線"///"

新增乙個新的widget後,請在demo目錄新增使用示例,示例應該純淨無干擾,如果乙個widget需要多個示例,可以建立乙個二級頁面,可以參照pull refresh、quickselectlistview。

如果可以,請盡可能在doc目錄下為widget新增使用文件,文件必須是markdown格式,文件名應與widget檔名同名

widget名稱

介紹quickscrollbar

可拖動的滾動條

turnbox

可按任意角度旋轉子元件

animatedrotationbox

可對子元件執行旋轉動畫

scaleview

可以對子元件進行縮放(雙指伸縮)

swiper

乙個輪播元件

gradientbutton

背景色漸變按鈕

raisedgradientbutton

背景色漸變按鈕(raised)

gradientcircularprogressindicator

乙個支援顏色漸變的圓形進度指示器

infinitelistview

支援下拉重新整理的無限載入列表元件

pullrefreshbox(betal)

下拉重新整理(該元件並未成熟,將來可能會刪掉)

Flutter使用ClipPath畫乙個聊天氣泡

先看一下效果圖 先畫乙個三角形再畫乙個圓角矩形,然後把兩個圖案重合起來就實現 了乙個聊天氣泡 const arrowwidth 7.0 箭頭寬度 const arrowheight 10.0 箭頭高度 const minheight 32.0 內容最小高度 const minwidth 50.0 內...

Flutter 建立第乙個專案

此處不講原理,只講配置方法。用簡單的文字,先把demo跑起來再說。因為我自己都還不懂原理,一臉懵逼,哈哈哈哈哈。做個筆記,其他東西,慢慢的就曉得了 此處我就認為你電腦上已經有git了並且作業系統是windows pub hosted url flutter storage base url 複製 g...

Flutter每週乙個Widget系列

最近看了油管上的flutter的widget of the week 系列通俗易懂還可以練習下英語聽力,給大家 下 1 introducing widget of the week 2 safearea flutter本週新添的工具 3 expanded 本週的flutter小工具 4 wrap f...