Чтобы создать индикатор выполнения во Flutter, вы можете использовать различные методы и виджеты. Вот несколько примеров кода:
-
LinearProgressIndicator:
LinearProgressIndicator( value: 0.5, // The current progress value (between 0 and 1) ) -
CircularProgressIndicator:
CircularProgressIndicator( value: 0.7, // The current progress value (between 0 and 1) ) -
Контейнер с пользовательской краской:
class CustomProgressBar extends StatelessWidget { final double progress; CustomProgressBar({required this.progress}); @override Widget build(BuildContext context) { return Container( height: 10, width: double.infinity, decoration: BoxDecoration( border: Border.all(color: Colors.grey), borderRadius: BorderRadius.circular(5), ), child: LayoutBuilder( builder: (context, constraints) => Container( width: constraints.maxWidth * progress, decoration: BoxDecoration( color: Colors.blue, borderRadius: BorderRadius.circular(5), ), ), ), ); } }Использование:
CustomProgressBar(progress: 0.6) -
Пакет Flutter Spinkit:
Сначала добавьте пакетflutter_spinkitв файлpubspec.yaml:dependencies: flutter_spinkit: ^5.1.0Импортировать пакет:
import 'package:flutter_spinkit/flutter_spinkit.dart';Использование:
SpinKitCircle( color: Colors.blue, size: 50.0, )
Это всего лишь несколько способов создания индикаторов выполнения во Flutter. Вы можете настроить их в соответствии с вашими требованиями.