56 lines
1.5 KiB
Dart
56 lines
1.5 KiB
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;
|
|
|
|
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 widget = ClipRRect(
|
|
borderRadius: borderRadius ?? BorderRadius.circular(size / 2),
|
|
child: url == null
|
|
? Image.asset(fallback, width: size, height: size)
|
|
: FadeInImage.assetNetwork(
|
|
placeholder: fallback,
|
|
image: url,
|
|
width: size,
|
|
height: size,
|
|
fadeInDuration: Duration(milliseconds: 200),
|
|
fadeOutDuration: Duration(milliseconds: 100),
|
|
),
|
|
);
|
|
if (linkUrl == null) return widget;
|
|
return Link(
|
|
child: widget,
|
|
onTap: () {
|
|
context.read<ThemeModel>().push(context, linkUrl);
|
|
},
|
|
);
|
|
}
|
|
}
|