動態

列表
創建 時間

flutter中組件WrapFit組件例子

背景:需要實現一個類似 elementui 級聯組件 https://element.eleme.cn/#/zh-CN/component/cascader 的搜索效果,選中了標籤顯示在前面,輸入框顯示在後面,佔滿整行中的剩餘部分,效果如下: 自己嘗試了很久,還是沒能實現,知道找到組件 wrapfit 安裝依賴: wrapfit: ^0.1.0 代碼如下: ListString i

創建 時間

模擬elementui輸入框el-input樣式效果

背景: 使用elementui組件時,通常會碰到這類需求,需要el-input一樣的樣式效果,但是不能輸入,卻需要點擊叉叉刪除文字內容,提供的原始屬性無法滿足,所以需要做一些改動。 要求: 1、交互效果和el-input一致; 2、不可輸入,但是可以點擊右側叉叉清空內容; 3、右側叉叉在文本框沒有內容時隱藏,有內容時,鼠標移上去顯示,鼠標移出隱藏; 效果圖如下: 代碼如下:vue 2

創建 時間

flutter,json轉 dart model方法

目的有兩個: 1、將json轉成dart類,發揮強類型的優勢,能夠.出來提示,不容出錯,默認情況下只能obj['name']方式來訪問屬性; 2、將dart類轉成json;入庫需要; 其實最原始的方法就是將獲取到的json字符串jsonDecode(jsonStr),這樣,如果jsonStr是對象,就能得到MapString, dynamic,如果jsonStr是數組,就能得到List