stream-chat-flutter/packages/stream_chat_flutter/lib/src/user_avatar.dart

import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'package:stream_chat_flutter_core/stream_chat_flutter_core.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 = FittedBox(
      fit: BoxFit.cover,
      child: 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,
                  color: streamChatTheme.colorTheme.white,
                  child: Container(
                    margin: const EdgeInsets.all(2.0),
                    constraints: onlineIndicatorConstraints ??
                        BoxConstraints.tightFor(
                          width: 8,
                          height: 8,
                        ),
                    child: Material(
                      shape: CircleBorder(),
                      color: streamChatTheme.colorTheme.accentGreen,
                    ),
                  ),
                ),
              ),
            ),
        ],
      ),
    );
  }
}