You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
2.6 KiB
Dart
87 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:fluffychat/config/app_config.dart';
|
|
|
|
class MaxWidthBody extends StatelessWidget {
|
|
final Widget child;
|
|
final double maxWidth;
|
|
final bool withScrolling;
|
|
final EdgeInsets? innerPadding;
|
|
// #Pangea
|
|
final bool showBorder;
|
|
final EdgeInsets? padding;
|
|
// Pangea#
|
|
|
|
const MaxWidthBody({
|
|
required this.child,
|
|
this.maxWidth = 600,
|
|
this.withScrolling = true,
|
|
this.innerPadding,
|
|
// #Pangea
|
|
this.showBorder = true,
|
|
this.padding,
|
|
// Pangea#
|
|
super.key,
|
|
});
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SafeArea(
|
|
child: LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
final theme = Theme.of(context);
|
|
|
|
// #Pangea
|
|
// const desiredWidth = FluffyThemes.columnWidth * 1.5;
|
|
final desiredWidth = maxWidth;
|
|
// Pangea#
|
|
final body = constraints.maxWidth <= desiredWidth
|
|
? child
|
|
: Container(
|
|
alignment: Alignment.topCenter,
|
|
// #Pangea
|
|
// padding: const EdgeInsets.all(32),
|
|
padding: padding ?? const EdgeInsets.all(32),
|
|
// Pangea#
|
|
child: ConstrainedBox(
|
|
// #Pangea
|
|
// constraints: const BoxConstraints(
|
|
// maxWidth: FluffyThemes.columnWidth * 1.5,
|
|
// ),
|
|
constraints: BoxConstraints(
|
|
maxWidth: maxWidth,
|
|
),
|
|
// Pangea#
|
|
child: Material(
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius:
|
|
BorderRadius.circular(AppConfig.borderRadius),
|
|
side: BorderSide(
|
|
// #Pangea
|
|
// color: theme.dividerColor,
|
|
color: showBorder
|
|
? theme.dividerColor
|
|
: Colors.transparent,
|
|
// Pangea#
|
|
),
|
|
),
|
|
clipBehavior: Clip.hardEdge,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(vertical: 16.0),
|
|
child: child,
|
|
),
|
|
),
|
|
),
|
|
);
|
|
if (!withScrolling) return body;
|
|
|
|
return SingleChildScrollView(
|
|
padding: innerPadding,
|
|
physics: const ScrollPhysics(),
|
|
child: body,
|
|
);
|
|
},
|
|
),
|
|
);
|
|
}
|
|
}
|