mirror of
https://github.com/openfoodfacts/smooth-app.git
synced 2025-08-26 11:16:45 +08:00
9ebe5c849c
* Remove a maximum of hardcoded sizes and move Padding to Directional ones * Fix build issue Co-authored-by: Pierre Slamich <pierre@openfoodfacts.org>
79 lines
2.3 KiB
Dart
79 lines
2.3 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:smooth_app/generic_lib/design_constants.dart';
|
|
|
|
/// Renders a Material card with elevation, shadow, Border radius etc...
|
|
/// Note: If the caller updates BoxDecoration of the [header] or [child] widget,
|
|
/// the caller must also set the borderRadius to [ROUNDED_RADIUS] in
|
|
/// BoxDecoration.
|
|
/// Note: [padding] applies to both header and body, if you want to have a
|
|
/// padding only for body and not for header (or vice versa) set it to zero here
|
|
/// and set the padding explicitly in the desired element.
|
|
class SmoothCard extends StatelessWidget {
|
|
const SmoothCard({
|
|
required this.child,
|
|
this.color,
|
|
this.margin = const EdgeInsets.symmetric(
|
|
horizontal: SMALL_SPACE,
|
|
vertical: VERY_SMALL_SPACE,
|
|
),
|
|
this.padding = const EdgeInsets.all(5.0),
|
|
this.elevation = 8,
|
|
this.borderRadius,
|
|
});
|
|
|
|
const SmoothCard.angular({
|
|
required this.child,
|
|
this.color,
|
|
this.margin = const EdgeInsets.symmetric(
|
|
horizontal: SMALL_SPACE,
|
|
vertical: VERY_SMALL_SPACE,
|
|
),
|
|
this.padding = const EdgeInsets.all(5.0),
|
|
this.elevation = 8,
|
|
}) : borderRadius = ANGULAR_BORDER_RADIUS;
|
|
|
|
const SmoothCard.flat({
|
|
required this.child,
|
|
this.color,
|
|
this.margin = const EdgeInsetsDirectional.only(
|
|
start: SMALL_SPACE,
|
|
end: SMALL_SPACE,
|
|
top: VERY_SMALL_SPACE,
|
|
bottom: VERY_SMALL_SPACE,
|
|
),
|
|
this.padding = const EdgeInsets.all(5.0),
|
|
this.elevation = 0,
|
|
this.borderRadius,
|
|
});
|
|
|
|
final Widget child;
|
|
final Color? color;
|
|
final EdgeInsetsGeometry? margin;
|
|
final EdgeInsetsGeometry? padding;
|
|
final BorderRadiusGeometry? borderRadius;
|
|
final double elevation;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final Widget result = Material(
|
|
elevation: elevation,
|
|
shadowColor: const Color.fromARGB(25, 0, 0, 0),
|
|
borderRadius: borderRadius ?? ROUNDED_BORDER_RADIUS,
|
|
color: color ??
|
|
(Theme.of(context).brightness == Brightness.light
|
|
? Colors.white
|
|
: Colors.black),
|
|
child: Container(
|
|
padding: padding,
|
|
child: child,
|
|
),
|
|
);
|
|
return margin == null
|
|
? result
|
|
: Padding(
|
|
padding: margin!,
|
|
child: result,
|
|
);
|
|
}
|
|
}
|