前言
最近收到一个需求,需要使用flutter 来做一个圆形进度条,这可难倒我了,毕竟我是做前端的,flutter 之前接触的也少,但没办法,既然需求有了,也得硬着头皮上了,先来看看做的效果。
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/bf60506d437e4a5ea9e6c0ade682580a.png)
一、准备环境
使用flutter 之前需要配置一下环境,这个可以百度一下就知道了,或者查询官网,因为是做桌面端,所以要找到对应的章节。
二、创建组件
这边就不在一一叙述原理了,直接上代码截图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/c2d29c0bffd248d2a5f9efaffd1fe4cd.png)
三、如何使用
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/8c6ba5873d3c4e37a7db647a8cc9ce40.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/f8ad62431d574a39819a1dbf25bcc3c0.png)
直接引入对应的组件,然后使用即可,例如 这边输入了400度,看到的效果图如下:
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/bcf458379fa948f284c90352ae35a09c.png)
总结
如需项目demo,微信扫下面的二维码,注册成功,到下面的我的-联系客服 问我要代码
![请添加图片描述](https://i-blog.csdnimg.cn/blog_migrate/d97bff3086a0b94e7ca3f9abaa9f1c22.jpeg)