admin1
117 lines
3.4 KiB
Dart
117 lines
3.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:forui/forui.dart';
|
|
|
|
import '../constants/breakpoints.dart';
|
|
import '../theme/app_theme_scope.dart';
|
|
|
|
|
|
Future<T?> showAdaptiveModal<T>({
|
|
required BuildContext context,
|
|
required WidgetBuilder builder,
|
|
double maxWidth = 520,
|
|
double? maxHeight,
|
|
double compactMaxHeightFactor = 0.92,
|
|
double? compactHeightFactor,
|
|
bool barrierDismissible = true,
|
|
bool useRootNavigator = false,
|
|
}) {
|
|
final isCompact = Breakpoints.isCompact(MediaQuery.sizeOf(context).width);
|
|
if (isCompact) {
|
|
return showModalBottomSheet<T>(
|
|
context: context,
|
|
isScrollControlled: true,
|
|
useSafeArea: true,
|
|
useRootNavigator: useRootNavigator,
|
|
isDismissible: barrierDismissible,
|
|
showDragHandle: true,
|
|
backgroundColor: Colors.transparent,
|
|
barrierColor: Colors.black54,
|
|
builder: (sheetContext) => AppThemeScope(
|
|
child: _AdaptiveBottomSheet(
|
|
maxHeightFactor: compactMaxHeightFactor,
|
|
heightFactor: compactHeightFactor,
|
|
child: builder(sheetContext),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
const insetPadding = EdgeInsets.symmetric(horizontal: 40, vertical: 32);
|
|
return showFDialog<T>(
|
|
context: context,
|
|
useRootNavigator: useRootNavigator,
|
|
barrierDismissible: barrierDismissible,
|
|
builder: (dialogContext, _, animation) {
|
|
final screenHeight = MediaQuery.sizeOf(dialogContext).height;
|
|
return AppThemeScope(
|
|
child: FDialog.raw(
|
|
animation: animation,
|
|
clipBehavior: Clip.antiAlias,
|
|
constraints: BoxConstraints(
|
|
maxWidth: maxWidth,
|
|
maxHeight: maxHeight ?? screenHeight - insetPadding.vertical,
|
|
),
|
|
builder: (_, _) => builder(dialogContext),
|
|
),
|
|
);
|
|
},
|
|
);
|
|
}
|
|
|
|
class _AdaptiveBottomSheet extends StatelessWidget {
|
|
final Widget child;
|
|
final double maxHeightFactor;
|
|
final double? heightFactor;
|
|
|
|
const _AdaptiveBottomSheet({
|
|
required this.child,
|
|
required this.maxHeightFactor,
|
|
required this.heightFactor,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final theme = Theme.of(context);
|
|
final size = MediaQuery.sizeOf(context);
|
|
final viewInsets = MediaQuery.viewInsetsOf(context);
|
|
final fixedHeight = heightFactor == null
|
|
? null
|
|
: size.height * heightFactor!;
|
|
final maxHeight = size.height * maxHeightFactor;
|
|
|
|
Widget sheet = Material(
|
|
color: theme.colorScheme.surface,
|
|
clipBehavior: Clip.antiAlias,
|
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(24)),
|
|
child: SafeArea(
|
|
top: false,
|
|
child: Column(
|
|
mainAxisSize: fixedHeight == null
|
|
? MainAxisSize.min
|
|
: MainAxisSize.max,
|
|
children: [
|
|
if (fixedHeight == null)
|
|
Flexible(fit: FlexFit.loose, child: child)
|
|
else
|
|
Expanded(child: child),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
|
|
sheet = ConstrainedBox(
|
|
constraints: BoxConstraints(maxHeight: maxHeight),
|
|
child: fixedHeight == null
|
|
? sheet
|
|
: SizedBox(height: fixedHeight, child: sheet),
|
|
);
|
|
|
|
return AnimatedPadding(
|
|
duration: const Duration(milliseconds: 220),
|
|
curve: Curves.easeOutCubic,
|
|
padding: EdgeInsets.only(bottom: viewInsets.bottom),
|
|
child: Align(alignment: Alignment.bottomCenter, child: sheet),
|
|
);
|
|
}
|
|
}
|