git-touch-android-ios-app/lib/widgets/avatar.dart

63 lines
1.7 KiB
Dart

import 'package:fimber/fimber.dart';
import 'package:flutter/material.dart';
import 'package:git_touch/models/theme.dart';
import 'package:git_touch/widgets/link.dart';
import 'package:provider/provider.dart';
class AvatarSize {
static const double extraSmall = 20;
static const double small = 24;
static const double medium = 36;
static const double large = 48;
static const double extraLarge = 64;
}
class Avatar extends StatelessWidget {
final String? url;
final double size;
final String? linkUrl;
final BorderRadius? borderRadius;
const Avatar({
required this.url,
this.size = AvatarSize.medium,
this.linkUrl,
this.borderRadius,
});
@override
Widget build(BuildContext context) {
final theme = Provider.of<ThemeModel>(context);
final fallback = theme.brightness == Brightness.light
? 'images/avatar.png'
: 'images/avatar-dark.png';
final fallbackWidget = Image.asset(fallback, width: size, height: size);
final widget = ClipRRect(
borderRadius: borderRadius ?? BorderRadius.circular(size / 2),
child: url == null
? fallbackWidget
: FadeInImage.assetNetwork(
placeholder: fallback,
image: url!,
width: size,
height: size,
fadeInDuration: const Duration(milliseconds: 200),
fadeOutDuration: const Duration(milliseconds: 100),
imageErrorBuilder: (_, __, ___) {
Fimber.e('image error: ${url!}');
return fallbackWidget;
},
),
);
if (linkUrl == null) return widget;
return LinkWidget(
child: widget,
onTap: () {
context.read<ThemeModel>().push(context, linkUrl!);
},
);
}
}