Флаттер |Пользовательский круговой индикатор прогресса

Question

Как я могу сделать пользовательский круглый индикатор прогресса, как те, что на изображении ниже в Flutter?Стандартная коробка не позволяет добавлять текст в центре.

Снимок экрана примера

Answer 1

Я думаю, что у вас есть два пути.

сначала поместите CircularProgressIndicator и Text виджеты в Stack и разместите их как хотите (Text в центре и CircularProgressIndicator покрывают весь стекпространство).Stack Виджет является ключевым моментом, чтобы вы могли понять ...

Второй и более гибкий способ - это действие с CustomPaint Виджет.эта ссылка поможет вам достичь цели ... https://medium.com/@NPKompleet/creating-an-analog-clock-in-flutter-i-68def107d9f4