Solian/lib/widgets/account/account_heading.dart
2024-06-03 23:36:46 +08:00

106 lines
3.1 KiB
Dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:solian/models/account.dart';
import 'package:solian/widgets/account/account_avatar.dart';
import 'package:solian/widgets/account/account_badge.dart';
class AccountHeadingWidget extends StatelessWidget {
final dynamic avatar;
final dynamic banner;
final String name;
final String nick;
final String? desc;
final List<AccountBadge>? badges;
const AccountHeadingWidget({
super.key,
this.avatar,
this.banner,
required this.name,
required this.nick,
required this.desc,
required this.badges,
});
@override
Widget build(BuildContext context) {
return Material(
color: Colors.transparent,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Stack(
clipBehavior: Clip.none,
children: [
ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(16)),
child: AspectRatio(
aspectRatio: 16 / 7,
child: Container(
color: Theme.of(context).colorScheme.surfaceContainer,
child: banner != null
? AccountProfileImage(
content: banner,
fit: BoxFit.cover,
)
: const SizedBox(),
),
),
).paddingSymmetric(horizontal: 16),
Positioned(
bottom: -30,
left: 32,
child: AccountAvatar(content: avatar, radius: 40),
),
],
),
Row(
crossAxisAlignment: CrossAxisAlignment.baseline,
textBaseline: TextBaseline.alphabetic,
children: [
Text(
nick,
style: const TextStyle(
fontSize: 17,
fontWeight: FontWeight.bold,
),
).paddingOnly(right: 4),
Text(
'@$name',
style: const TextStyle(
fontSize: 15,
),
),
],
).paddingOnly(left: 116, top: 6),
const SizedBox(height: 4),
if (badges?.isNotEmpty ?? false)
SizedBox(
width: double.infinity,
child: Card(
child: Wrap(
runSpacing: 2,
spacing: 4,
children: badges!.map((e) {
return AccountBadgeWidget(item: e);
}).toList(),
).paddingSymmetric(horizontal: 8),
),
).paddingOnly(left: 16, right: 16),
SizedBox(
width: double.infinity,
child: Card(
child: ListTile(
title: Text('description'.tr),
subtitle: Text(
(desc?.isNotEmpty ?? false) ? desc! : 'No description yet.',
),
),
),
).paddingOnly(left: 16, right: 16),
],
),
);
}
}