99 lines
3.0 KiB
Dart
99 lines
3.0 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.showOnlineStatus = true,
|
|
this.borderRadius,
|
|
}) : super(key: key);
|
|
|
|
final User user;
|
|
final BoxConstraints constraints;
|
|
final BorderRadius borderRadius;
|
|
final BoxConstraints onlineIndicatorConstraints;
|
|
final void Function(User) onTap;
|
|
final bool showOnlineStatus;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return GestureDetector(
|
|
onTap: onTap != null
|
|
? () {
|
|
if (onTap != null) {
|
|
onTap(user);
|
|
}
|
|
}
|
|
: null,
|
|
child: Stack(
|
|
children: <Widget>[
|
|
ClipRRect(
|
|
borderRadius: borderRadius ??
|
|
StreamChatTheme.of(context)
|
|
.ownMessageTheme
|
|
.avatarTheme
|
|
.borderRadius,
|
|
child: Container(
|
|
constraints: constraints ??
|
|
StreamChatTheme.of(context)
|
|
.ownMessageTheme
|
|
.avatarTheme
|
|
.constraints,
|
|
decoration: BoxDecoration(
|
|
color: StreamChatTheme.of(context).accentColor,
|
|
),
|
|
child: user.extraData?.containsKey('image') ?? false
|
|
? CachedNetworkImage(
|
|
imageUrl: user.extraData['image'],
|
|
errorWidget: (_, __, ___) {
|
|
return Center(
|
|
child: Text(
|
|
user.name[0],
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
);
|
|
},
|
|
fit: BoxFit.cover,
|
|
)
|
|
: StreamChatTheme.of(context).defaultUserImage(context, user),
|
|
),
|
|
),
|
|
if (showOnlineStatus && user.online == true)
|
|
Positioned(
|
|
top: 0,
|
|
right: 0,
|
|
child: Material(
|
|
child: Center(
|
|
child: Container(
|
|
padding: const EdgeInsets.all(2.0),
|
|
constraints: onlineIndicatorConstraints ??
|
|
BoxConstraints.tightFor(
|
|
width: 12,
|
|
height: 12,
|
|
),
|
|
child: Material(
|
|
shape: CircleBorder(),
|
|
color: Color(0xff20E070),
|
|
),
|
|
),
|
|
),
|
|
shape: CircleBorder(),
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|