[英]Flutter. How to draw these designs in a container
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Square'),
),
body: Center(
child: Column(
children: [
SquarePercentIndicator(
width: 140,
height: 140,
startAngle: StartAngle.bottomRight,
reverse: true,
borderRadius: 10,
shadowWidth: 1.5,
progressWidth: 5,
shadowColor: Colors.grey,
),
],
),
)
);
}
}
我建議你使用figma
來設計這些類型的線條和形狀,並將其導出為png
圖像。
如果要對整個圖進行編碼,不推薦,但可以實現,使用圓角容器,但會有很多限制
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.