103 lines
2.8 KiB
Dart
103 lines
2.8 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:jiffy/jiffy.dart';
|
|
import 'package:stream_chat_flutter/src/extension.dart';
|
|
import 'package:stream_chat_flutter/src/stream_svg_icon.dart';
|
|
import 'package:stream_chat_flutter/src/user_list_view.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
|
|
import 'package:stream_chat_flutter_core/stream_chat_flutter_core.dart';
|
|
|
|
///
|
|
/// It shows the current [User] preview.
|
|
///
|
|
/// The widget uses a [StreamBuilder] to render the user information
|
|
/// image as soon as it updates.
|
|
///
|
|
/// Usually you don't use this widget as it's the default user preview used
|
|
/// by [UserListView].
|
|
///
|
|
/// The widget renders the ui based on the first ancestor of type
|
|
/// [StreamChatTheme].
|
|
/// Modify it to change the widget appearance.
|
|
class UserItem extends StatelessWidget {
|
|
/// Instantiate a new UserItem
|
|
const UserItem({
|
|
Key? key,
|
|
required this.user,
|
|
this.onTap,
|
|
this.onLongPress,
|
|
this.onImageTap,
|
|
this.selected = false,
|
|
this.showLastOnline = true,
|
|
}) : super(key: key);
|
|
|
|
/// Function called when tapping this widget
|
|
final void Function(User)? onTap;
|
|
|
|
/// Function called when long pressing this widget
|
|
final void Function(User)? onLongPress;
|
|
|
|
/// User displayed
|
|
final User user;
|
|
|
|
/// The function called when the image is tapped
|
|
final void Function(User)? onImageTap;
|
|
|
|
/// If true the [UserItem] will show a trailing checkmark
|
|
final bool selected;
|
|
|
|
/// If true the [UserItem] will show the last seen
|
|
final bool showLastOnline;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final chatThemeData = StreamChatTheme.of(context);
|
|
return ListTile(
|
|
onTap: () {
|
|
if (onTap != null) {
|
|
onTap!(user);
|
|
}
|
|
},
|
|
onLongPress: () {
|
|
if (onLongPress != null) {
|
|
onLongPress!(user);
|
|
}
|
|
},
|
|
leading: UserAvatar(
|
|
user: user,
|
|
onTap: (user) {
|
|
if (onImageTap != null) {
|
|
onImageTap!(user);
|
|
}
|
|
},
|
|
constraints: const BoxConstraints.tightFor(
|
|
height: 40,
|
|
width: 40,
|
|
),
|
|
),
|
|
trailing: selected
|
|
? StreamSvgIcon.checkSend(
|
|
color: chatThemeData.colorTheme.accentPrimary,
|
|
)
|
|
: null,
|
|
title: Text(
|
|
user.name,
|
|
style: chatThemeData.textTheme.bodyBold,
|
|
),
|
|
subtitle: showLastOnline ? _buildLastActive(context) : null,
|
|
);
|
|
}
|
|
|
|
Widget _buildLastActive(BuildContext context) {
|
|
final chatTheme = StreamChatTheme.of(context);
|
|
return Text(
|
|
user.online
|
|
? context.translations.userOnlineText
|
|
: '${context.translations.userLastOnlineText} '
|
|
'${Jiffy(user.lastActive).fromNow()}',
|
|
style: chatTheme.textTheme.footnote.copyWith(
|
|
color: chatTheme.colorTheme.textHighEmphasis.withOpacity(0.5),
|
|
),
|
|
);
|
|
}
|
|
}
|