Surface/lib/widgets/attachment/attachment_list.dart

import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:gap/gap.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,
  });

  @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) {
      return Container(
        decoration: BoxDecoration(
          border: Border(top: borderSide, bottom: borderSide),
        ),
        child: AttachmentItem(data: data[0]),
      );
    }

    return Container(
      constraints: BoxConstraints(maxHeight: maxListHeight ?? 320),
      child: ScrollConfiguration(
        behavior: _AttachmentListScrollBehavior(),
        child: ListView.separated(
          shrinkWrap: true,
          itemCount: data.length,
          itemBuilder: (context, idx) {
            const radius = BorderRadius.all(Radius.circular(8));
            return Container(
              constraints: BoxConstraints(
                maxWidth: MediaQuery.of(context).size.width - 20,
              ),
              decoration: BoxDecoration(
                border: Border(top: borderSide, bottom: borderSide),
                borderRadius: radius,
              ),
              child: AspectRatio(
                aspectRatio: data[idx].metadata['ratio']?.toDouble() ?? 1,
                child: ClipRRect(
                  borderRadius: radius,
                  child: AttachmentItem(data: data[idx]),
                ),
              ),
            );
          },
          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,
      };
}