111 lines
3.5 KiB
Dart
111 lines
3.5 KiB
Dart
import 'dart:math' as math;
|
|
|
|
import 'package:flutter/gestures.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:responsive_framework/responsive_framework.dart';
|
|
import 'package:surface/types/attachment.dart';
|
|
import 'package:surface/widgets/attachment/attachment_item.dart';
|
|
|
|
class AttachmentList extends StatelessWidget {
|
|
final List<SnAttachment> data;
|
|
final bool? bordered;
|
|
final double? maxListHeight;
|
|
const AttachmentList({
|
|
super.key,
|
|
required this.data,
|
|
this.bordered,
|
|
this.maxListHeight,
|
|
});
|
|
|
|
static const double kMaxListItemWidth = 520;
|
|
static const BorderRadius kDefaultRadius =
|
|
BorderRadius.all(Radius.circular(8));
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final borderSide = (bordered ?? false)
|
|
? BorderSide(width: 1, color: Theme.of(context).dividerColor)
|
|
: BorderSide.none;
|
|
|
|
if (data.isEmpty) return const SizedBox.shrink();
|
|
if (data.length == 1) {
|
|
if (ResponsiveBreakpoints.of(context).largerThan(MOBILE)) {
|
|
return Container(
|
|
constraints: BoxConstraints(
|
|
maxWidth: math.min(
|
|
MediaQuery.of(context).size.width - 20,
|
|
kMaxListItemWidth,
|
|
),
|
|
),
|
|
decoration: BoxDecoration(
|
|
border: Border(top: borderSide, bottom: borderSide),
|
|
borderRadius: kDefaultRadius,
|
|
),
|
|
child: AspectRatio(
|
|
aspectRatio: data[0].metadata['ratio']?.toDouble() ?? 1,
|
|
child: ClipRRect(
|
|
borderRadius: kDefaultRadius,
|
|
child: AttachmentItem(data: data[0], isExpandable: true),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
border: Border(top: borderSide, bottom: borderSide),
|
|
),
|
|
child: AspectRatio(
|
|
aspectRatio: data[0].metadata['ratio']?.toDouble() ?? 1,
|
|
child: AttachmentItem(data: data[0], isExpandable: true),
|
|
),
|
|
);
|
|
}
|
|
|
|
return Container(
|
|
constraints: BoxConstraints(maxHeight: maxListHeight ?? 320),
|
|
child: ScrollConfiguration(
|
|
behavior: _AttachmentListScrollBehavior(),
|
|
child: ListView.separated(
|
|
shrinkWrap: true,
|
|
itemCount: data.length,
|
|
itemBuilder: (context, idx) {
|
|
return Container(
|
|
constraints: BoxConstraints(
|
|
maxWidth: math.min(
|
|
MediaQuery.of(context).size.width - 20,
|
|
kMaxListItemWidth,
|
|
),
|
|
),
|
|
decoration: BoxDecoration(
|
|
border: Border(top: borderSide, bottom: borderSide),
|
|
borderRadius: kDefaultRadius,
|
|
),
|
|
child: AspectRatio(
|
|
aspectRatio: data[idx].metadata['ratio']?.toDouble() ?? 1,
|
|
child: ClipRRect(
|
|
borderRadius: kDefaultRadius,
|
|
child: AttachmentItem(data: data[idx], isExpandable: true),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
separatorBuilder: (context, index) => const Gap(8),
|
|
padding: const EdgeInsets.symmetric(horizontal: 12),
|
|
physics: const BouncingScrollPhysics(),
|
|
scrollDirection: Axis.horizontal,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class _AttachmentListScrollBehavior extends MaterialScrollBehavior {
|
|
@override
|
|
Set<PointerDeviceKind> get dragDevices => {
|
|
PointerDeviceKind.touch,
|
|
PointerDeviceKind.mouse,
|
|
};
|
|
}
|