flutter 水平多段顯示小部件

Screenshot_1606210471.png

Github:

https://github.com/zhumj/HorizontalMultiSegmentDisplayWidget-flutter.git

參數(shù):

參數(shù) 必填 類型 說明
defaultValue double
doubleValues List<double> 區(qū)間
stringValues List<String> 區(qū)間提示
colorValues List<Color> 區(qū)間顏色
strokeWidth double 線的寬度,默認(rèn) 3
radius double 線上圓的半徑,默認(rèn) 5
textStyle TextStyle 文字風(fēng)格, 默認(rèn) TextStyle(fontSize: 14,color: Colors.black)
textAlign TextAlign 文字對齊方式,默認(rèn) TextAlign.center
textDirection TextDirection 文字方向,默認(rèn) TextDirection.ltr

使用:

double defaultValue = 37.5;
List<double> doubleValues = [0, 18.5, 25.0, 30.0, 45.0,];
List<String> stringValues = ['偏瘦', '健康', '偏胖', '肥胖',];
List<Color> colorValues = [Colors.greenAccent, Colors.lightBlueAccent, Colors.orange, Colors.red,];
  
Container(
  width: MediaQuery.of(context).size.width,
  height: 80,
  color: Colors.brown,
  margin: EdgeInsets.only(top: 8),
  child: HorizontalMultiSegmentDisplayWidget(
    defaultValue, doubleValues, stringValues, colorValues,
  ),
)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容