Aller au contenu principal

AsLoadingCircular

Un composant d'indicateur de progrès circulaire pour afficher un progrès déterminé ou indéterminé.

Import

import 'package:alphasow_ui/alphasow_ui.dart';

Utilisation de Base (Indéterminé)

AsLoadingCircular()

Indicateur de Progrès (Déterminé)

AsLoadingCircular(
value: 0.7, // 70% de progrès
)

Référence API

Propriétés

PropriétéTypeDéfautDescription
valuedouble?nullValeur de progrès (0.0 à 1.0). null pour indéterminé
sizedouble?24Taille de l'indicateur
colorColor?nullCouleur de l'indicateur
backgroundColorColor?nullCouleur d'arrière-plan
strokeWidthdouble?4.0Largeur du trait de progrès

Exemples

Barre de Progrès

class ProgressExample extends StatefulWidget {
@override
_ProgressExampleState createState() => _ProgressExampleState();
}

class _ProgressExampleState extends State<ProgressExample> {
double _progress = 0.0;

@override
Widget build(BuildContext context) {
return Column(
children: [
AsLoadingCircular(
value: _progress,
size: 64,
),
SizedBox(height: 16),
Text('${(_progress * 100).round()}%'),
SizedBox(height: 16),
AsButton(
onPressed: () {
setState(() => _progress = (_progress + 0.1).clamp(0.0, 1.0));
},
child: Text('Incrémenter'),
),
],
);
}
}

Voir Aussi