115 lines
3.7 KiB
Dart
115 lines
3.7 KiB
Dart
import 'package:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:stream_chat/stream_chat.dart';
|
|
|
|
import '../stream_chat_flutter.dart';
|
|
|
|
class UserAvatar extends StatelessWidget {
|
|
const UserAvatar({
|
|
Key key,
|
|
@required this.user,
|
|
this.constraints,
|
|
this.onlineIndicatorConstraints,
|
|
this.onTap,
|
|
this.onLongPress,
|
|
this.showOnlineStatus = true,
|
|
this.borderRadius,
|
|
this.onlineIndicatorAlignment = Alignment.topRight,
|
|
this.selected = false,
|
|
this.selectionColor,
|
|
this.selectionThickness = 4,
|
|
}) : super(key: key);
|
|
|
|
final User user;
|
|
final Alignment onlineIndicatorAlignment;
|
|
final BoxConstraints constraints;
|
|
final BorderRadius borderRadius;
|
|
final BoxConstraints onlineIndicatorConstraints;
|
|
final void Function(User) onTap;
|
|
final void Function(User) onLongPress;
|
|
final bool showOnlineStatus;
|
|
final bool selected;
|
|
final Color selectionColor;
|
|
final double selectionThickness;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final hasImage = user.extraData?.containsKey('image') == true &&
|
|
user.extraData['image'] != null &&
|
|
user.extraData['image'] != '';
|
|
final streamChatTheme = StreamChatTheme.of(context);
|
|
|
|
Widget avatar = ClipRRect(
|
|
clipBehavior: Clip.antiAlias,
|
|
borderRadius: borderRadius ??
|
|
streamChatTheme.ownMessageTheme.avatarTheme.borderRadius,
|
|
child: Container(
|
|
constraints: constraints ??
|
|
streamChatTheme.ownMessageTheme.avatarTheme.constraints,
|
|
decoration: BoxDecoration(
|
|
color: streamChatTheme.colorTheme.accentBlue,
|
|
),
|
|
child: hasImage
|
|
? CachedNetworkImage(
|
|
filterQuality: FilterQuality.high,
|
|
imageUrl: user.extraData['image'],
|
|
errorWidget: (_, __, ___) {
|
|
return streamChatTheme.defaultUserImage(context, user);
|
|
},
|
|
fit: BoxFit.cover,
|
|
)
|
|
: streamChatTheme.defaultUserImage(context, user),
|
|
),
|
|
);
|
|
|
|
if (selected) {
|
|
avatar = ClipRRect(
|
|
borderRadius: (borderRadius ??
|
|
streamChatTheme.ownMessageTheme.avatarTheme.borderRadius) +
|
|
BorderRadius.circular(selectionThickness),
|
|
child: Container(
|
|
constraints: constraints ??
|
|
streamChatTheme.ownMessageTheme.avatarTheme.constraints,
|
|
color: selectionColor ??
|
|
StreamChatTheme.of(context).colorTheme.accentBlue,
|
|
child: Padding(
|
|
padding: EdgeInsets.all(selectionThickness),
|
|
child: avatar,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
return GestureDetector(
|
|
onTap: onTap != null ? () => onTap(user) : null,
|
|
onLongPress: onLongPress != null ? () => onLongPress(user) : null,
|
|
child: Stack(
|
|
children: <Widget>[
|
|
avatar,
|
|
if (showOnlineStatus && user.online == true)
|
|
Positioned.fill(
|
|
child: Align(
|
|
alignment: onlineIndicatorAlignment,
|
|
child: Material(
|
|
type: MaterialType.circle,
|
|
child: Container(
|
|
padding: const EdgeInsets.all(2.0),
|
|
constraints: onlineIndicatorConstraints ??
|
|
BoxConstraints.tightFor(
|
|
width: 12,
|
|
height: 12,
|
|
),
|
|
child: Material(
|
|
shape: CircleBorder(),
|
|
color: streamChatTheme.colorTheme.accentGreen,
|
|
),
|
|
),
|
|
color: StreamChatTheme.of(context).colorTheme.white,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|