add customize_channel_preview example
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user