57 lines
1.4 KiB
Dart
57 lines
1.4 KiB
Dart
import 'package:flutter/cupertino.dart';
|
|
import 'package:please_pay_me/theme/tokens.dart';
|
|
|
|
/// Native iOS spinner.
|
|
class AppSpinner extends StatelessWidget {
|
|
const AppSpinner({super.key, this.radius = 12, this.color});
|
|
|
|
final double radius;
|
|
final Color? color;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return CupertinoActivityIndicator(
|
|
radius: radius,
|
|
color: color == null ? null : AppColors.of(context, color!),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// iOS progress bar: 4pt capsule track.
|
|
class AppProgressBar extends StatelessWidget {
|
|
const AppProgressBar({
|
|
super.key,
|
|
required this.value,
|
|
this.color = AppColors.accent,
|
|
this.height = 4,
|
|
});
|
|
|
|
/// 0..1
|
|
final double value;
|
|
final Color color;
|
|
final double height;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(AppRadii.capsule),
|
|
child: SizedBox(
|
|
height: height,
|
|
child: LayoutBuilder(
|
|
builder: (context, constraints) => Stack(
|
|
children: [
|
|
Container(color: AppColors.of(context, AppColors.systemGray5)),
|
|
AnimatedContainer(
|
|
duration: const Duration(milliseconds: 250),
|
|
curve: Curves.easeOut,
|
|
width: constraints.maxWidth * value.clamp(0.0, 1.0),
|
|
color: AppColors.of(context, color),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|