68 lines
2.1 KiB
Dart
68 lines
2.1 KiB
Dart
import 'dart:ui';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:provider/provider.dart';
|
|
import '../providers/settings_controller.dart';
|
|
import '../theme/design_tokens.dart';
|
|
|
|
/// Media viewer chrome that shares the navigation frost preference.
|
|
/// Turning frosting off produces an opaque themed surface without blur.
|
|
class FrostedGlassContainer extends StatelessWidget {
|
|
final Widget child;
|
|
final double borderRadius;
|
|
|
|
/// Overrides [borderRadius] for non-uniform corners (e.g. top-only).
|
|
final BorderRadius? radius;
|
|
|
|
/// Blur sigma for the backdrop filter. Defaults to the shared frost setting.
|
|
final double? blurSigma;
|
|
|
|
/// Opacity (0-1) of the tonal fill behind the blur. Defaults to the shared frost setting.
|
|
final double? opacity;
|
|
final bool? frosted;
|
|
|
|
/// The tint under the blur. Defaults to [NooColors.surface] (resolved at
|
|
/// build time, so it always matches the active theme) - pass an explicit
|
|
/// color only to override that, e.g. for a fixed-color panel elsewhere.
|
|
final Color? color;
|
|
|
|
const FrostedGlassContainer({
|
|
super.key,
|
|
required this.child,
|
|
this.borderRadius = 0,
|
|
this.radius,
|
|
this.blurSigma,
|
|
this.opacity,
|
|
this.frosted,
|
|
this.color,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final shape = radius ?? BorderRadius.circular(borderRadius);
|
|
final tint = color ?? context.nooColors.surface;
|
|
final settings = context.watch<SettingsController?>();
|
|
final enabled = frosted ?? settings?.bottomBarFrosted ?? false;
|
|
final sigma = blurSigma ?? settings?.bottomBarFrostedBlur ?? 20;
|
|
final fill = Container(
|
|
decoration: BoxDecoration(
|
|
color: enabled
|
|
? tint.withValues(
|
|
alpha: opacity ?? settings?.bottomBarFrostedOpacity ?? 0.72,
|
|
)
|
|
: tint,
|
|
borderRadius: shape,
|
|
),
|
|
child: child,
|
|
);
|
|
return ClipRRect(
|
|
borderRadius: shape,
|
|
child: enabled
|
|
? BackdropFilter(
|
|
filter: ImageFilter.blur(sigmaX: sigma, sigmaY: sigma),
|
|
child: fill,
|
|
)
|
|
: fill,
|
|
);
|
|
}
|
|
}
|