108 lines
4.2 KiB
Dart
108 lines
4.2 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:gap/gap.dart';
|
|
import 'package:styled_widget/styled_widget.dart';
|
|
import 'package:surface/types/post.dart';
|
|
import 'package:html/parser.dart';
|
|
import 'package:surface/widgets/account/account_image.dart';
|
|
import 'package:surface/widgets/attachment/attachment_list.dart';
|
|
import 'package:surface/widgets/html.dart';
|
|
import 'package:surface/widgets/universal_image.dart';
|
|
|
|
class FediversePostWidget extends StatelessWidget {
|
|
final SnFediversePost data;
|
|
final double maxWidth;
|
|
const FediversePostWidget(
|
|
{super.key, required this.data, required this.maxWidth});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final borderSide =
|
|
BorderSide(width: 1, color: Theme.of(context).dividerColor);
|
|
final backgroundColor = Theme.of(context).colorScheme.surfaceContainer;
|
|
|
|
return Center(
|
|
child: Container(
|
|
constraints: BoxConstraints(maxWidth: maxWidth),
|
|
child: Card(
|
|
margin: EdgeInsets.zero,
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
AccountImage(content: data.user.avatar),
|
|
const Gap(8),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
data.user.nick.isNotEmpty
|
|
? data.user.nick
|
|
: '@${data.user.name}',
|
|
).bold(),
|
|
Text(data.user.identifier),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
const Gap(8),
|
|
...parseHtmlToWidgets(context, parse(data.content).children),
|
|
if (data.images.isNotEmpty)
|
|
AspectRatio(
|
|
aspectRatio: 1,
|
|
child: ScrollConfiguration(
|
|
behavior: AttachmentListScrollBehavior(),
|
|
child: ListView.separated(
|
|
shrinkWrap: true,
|
|
itemCount: data.images.length,
|
|
itemBuilder: (context, idx) {
|
|
return Container(
|
|
constraints: BoxConstraints(maxWidth: maxWidth),
|
|
child: AspectRatio(
|
|
aspectRatio: 1,
|
|
child: Stack(
|
|
fit: StackFit.expand,
|
|
children: [
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
color: backgroundColor,
|
|
border: Border(
|
|
top: borderSide,
|
|
bottom: borderSide,
|
|
),
|
|
borderRadius: AttachmentList.kDefaultRadius,
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: AttachmentList.kDefaultRadius,
|
|
child: AutoResizeUniversalImage(
|
|
data.images[idx],
|
|
),
|
|
),
|
|
),
|
|
Positioned(
|
|
right: 8,
|
|
bottom: 8,
|
|
child: Chip(
|
|
label: Text(
|
|
'${idx + 1}/${data.images.length}'),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
separatorBuilder: (context, index) => const Gap(8),
|
|
physics: const BouncingScrollPhysics(),
|
|
scrollDirection: Axis.horizontal,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
).padding(all: 8),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|