add customize_channel_preview example

This commit is contained in:
Salvatore Giordano
2020-02-25 12:09:17 +01:00
parent 81f0381a96
commit 65d9d7889d
7 changed files with 156 additions and 91 deletions
+30 -59
View File
@@ -5,62 +5,38 @@ import 'package:stream_chat/stream_chat.dart';
import 'channel_image.dart';
import 'channel_name_text.dart';
import 'stream_channel.dart';
import 'stream_chat.dart';
class ChannelPreview extends StatelessWidget {
final void Function(ChannelClient) onTap;
final ChannelState channelState;
final ChannelClient channelClient;
const ChannelPreview({
ChannelPreview({
@required this.channelClient,
Key key,
this.onTap,
}) : super(key: key);
}) : channelState = channelClient.state.channelState,
super(key: key);
@override
Widget build(BuildContext context) {
final streamChannel = StreamChannel.of(context);
return StreamBuilder<ChannelState>(
stream: streamChannel.channelClient.state.channelStateStream,
initialData: streamChannel.channelState,
builder: (context, snapshot) {
final channelState = snapshot.data;
return _buildChannelPreview(
context,
channelState,
streamChannel,
);
});
}
StreamChannel _buildChannelPreview(
BuildContext context,
ChannelState channelState,
StreamChannelState streamChannel,
) {
final channelClient =
StreamChat.of(context).client.channelClients[channelState.channel.id];
return StreamChannel(
channelClient: channelClient,
child: ListTile(
onTap: () {
onTap(channelClient);
},
leading: ChannelImage(
channel: channelState.channel,
),
title: ChannelNameText(
channel: channelState.channel,
),
subtitle: _buildSubtitle(
streamChannel,
),
trailing: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
_buildDate(context, channelState.channel.lastMessageAt),
],
),
return ListTile(
onTap: () {
onTap(channelClient);
},
leading: ChannelImage(
channel: channelState.channel,
),
title: ChannelNameText(
channel: channelState.channel,
),
subtitle: _buildSubtitle(),
trailing: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: <Widget>[
_buildDate(context, channelState.channel.lastMessageAt),
],
),
);
}
@@ -86,27 +62,22 @@ class ChannelPreview extends StatelessWidget {
);
}
Widget _buildSubtitle(
StreamChannelState streamChannel,
) {
Widget _buildSubtitle() {
return StreamBuilder<List<User>>(
stream: streamChannel.channelClient.state.typingEventsStream,
stream: channelClient.state.typingEventsStream,
initialData: [],
builder: (context, snapshot) {
final typings = snapshot.data;
final opacity =
streamChannel.channelClient.state.unreadCount > .0 ? 1.0 : 0.5;
final opacity = channelClient.state.unreadCount > .0 ? 1.0 : 0.5;
return typings.isNotEmpty
? _buildTypings(typings, context, opacity)
: _buildLastMessage(context, streamChannel, opacity);
: _buildLastMessage(context, opacity);
});
}
Widget _buildLastMessage(
BuildContext context, StreamChannelState streamChannel, double opacity) {
final lastMessage = streamChannel.channelState.messages.isNotEmpty
? streamChannel.channelState.messages.last
: null;
Widget _buildLastMessage(BuildContext context, double opacity) {
final lastMessage =
channelState.messages.isNotEmpty ? channelState.messages.last : null;
if (lastMessage == null) {
return SizedBox.fromSize(
size: Size.zero,