如何在Flutter中创建自定义循环进度指示器,如下图所示?开箱即用不允许在中心添加文本 .
Screenshot of Example
我想你有两种方法 .
首先将 CircularProgressIndicator 和 Text 小部件放入 Stack 并根据需要放置它们( Text 在中间, CircularProgressIndicator 覆盖所有堆栈空间) . Stack 小部件是这里的关键点,让您了解...
CircularProgressIndicator
Text
Stack
第二种方式和更灵活的方式是使用 CustomPaint Widget进行此操作 . 此链接将帮助您实现目标... https://medium.com/@NPKompleet/creating-an-analog-clock-in-flutter-i-68def107d9f4
CustomPaint
1 回答
我想你有两种方法 .
首先将
CircularProgressIndicator
和Text
小部件放入Stack
并根据需要放置它们(Text
在中间,CircularProgressIndicator
覆盖所有堆栈空间) .Stack
小部件是这里的关键点,让您了解...第二种方式和更灵活的方式是使用
CustomPaint
Widget进行此操作 . 此链接将帮助您实现目标... https://medium.com/@NPKompleet/creating-an-analog-clock-in-flutter-i-68def107d9f4