dart 如何在容器中绘制这些图案

mrfwxfqh 于 2023-01-28 发布在其他

关注(0)|答案(2)|浏览(115)

enter image description here
请告诉我怎样在容器上画这些圈起来的几何线。
绘制完容器小部件后，我应该如何在容器中绘制这些自定义几何设计

dart

来源：https://stackoverflow.com/questions/75257624/flutter-how-to-draw-these-designs-in-a-container

2条答案

按热度按时间

eeq64g8w1#

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,
            ),
          ],
        ),
      )
    );
  }

}