84 lines
2.6 KiB
Dart
84 lines
2.6 KiB
Dart
import 'package:aves/model/settings/settings.dart';
|
|
import 'package:aves/widgets/common/fx/blurred.dart';
|
|
import 'package:aves/widgets/common/fx/borders.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
Color overlayBackgroundColor({required bool blurred}) => blurred ? Colors.black26 : Colors.black38;
|
|
|
|
class OverlayButton extends StatelessWidget {
|
|
final Animation<double> scale;
|
|
final Widget child;
|
|
|
|
const OverlayButton({
|
|
Key? key,
|
|
this.scale = kAlwaysCompleteAnimation,
|
|
required this.child,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final blurred = settings.enableOverlayBlurEffect;
|
|
return ScaleTransition(
|
|
scale: scale,
|
|
child: BlurredOval(
|
|
enabled: blurred,
|
|
child: Material(
|
|
type: MaterialType.circle,
|
|
color: overlayBackgroundColor(blurred: blurred),
|
|
child: Ink(
|
|
decoration: BoxDecoration(
|
|
border: AvesBorder.border,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: child,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// icon (24) + icon padding (8) + button padding (16) + border (1 or 2)
|
|
static double getSize(BuildContext context) => 48.0 + AvesBorder.curvedBorderWidth * 2;
|
|
}
|
|
|
|
class OverlayTextButton extends StatelessWidget {
|
|
final Animation<double> scale;
|
|
final String buttonLabel;
|
|
final VoidCallback? onPressed;
|
|
|
|
const OverlayTextButton({
|
|
Key? key,
|
|
required this.scale,
|
|
required this.buttonLabel,
|
|
this.onPressed,
|
|
}) : super(key: key);
|
|
|
|
static const _borderRadius = 123.0;
|
|
static final _minSize = MaterialStateProperty.all<Size>(const Size(kMinInteractiveDimension, kMinInteractiveDimension));
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final blurred = settings.enableOverlayBlurEffect;
|
|
return SizeTransition(
|
|
sizeFactor: scale,
|
|
child: BlurredRRect(
|
|
enabled: blurred,
|
|
borderRadius: _borderRadius,
|
|
child: OutlinedButton(
|
|
onPressed: onPressed,
|
|
style: ButtonStyle(
|
|
backgroundColor: MaterialStateProperty.all<Color>(overlayBackgroundColor(blurred: blurred)),
|
|
foregroundColor: MaterialStateProperty.all<Color>(Colors.white),
|
|
overlayColor: MaterialStateProperty.all<Color>(Colors.white.withOpacity(0.12)),
|
|
minimumSize: _minSize,
|
|
side: MaterialStateProperty.all<BorderSide>(AvesBorder.curvedSide),
|
|
shape: MaterialStateProperty.all<OutlinedBorder>(const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(_borderRadius)),
|
|
)),
|
|
),
|
|
child: Text(buttonLabel),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|