feat: Converted message_list_view.dart
This commit is contained in:
@@ -236,55 +236,44 @@ class _MessageListViewState extends State<MessageListView> {
|
||||
|
||||
bool _inBetweenList = false;
|
||||
|
||||
MessageListController _messageListController = MessageListController();
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final messagesStream = _isThreadConversation
|
||||
? streamChannel.channel.state.threadsStream
|
||||
.where((threads) => threads.containsKey(widget.parentMessage.id))
|
||||
.map((threads) => threads[widget.parentMessage.id])
|
||||
: streamChannel.channel.state?.messagesStream;
|
||||
|
||||
return StreamBuilder<List<Message>>(
|
||||
stream: messagesStream?.map((messages) => messages
|
||||
?.where((e) =>
|
||||
(!e.isDeleted && e.shadowed != true) ||
|
||||
(e.isDeleted &&
|
||||
e.user.id == streamChannel.channel.client.state.user.id))
|
||||
?.toList()),
|
||||
builder: (context, snapshot) {
|
||||
if (!snapshot.hasData) {
|
||||
return MessageListCore(
|
||||
loadingBuilder: (context) {
|
||||
return Center(
|
||||
child: const CircularProgressIndicator(),
|
||||
);
|
||||
}
|
||||
|
||||
final messageList = snapshot.data?.reversed?.toList() ?? [];
|
||||
if (messageList.isEmpty) {
|
||||
if (_upToDate) {
|
||||
},
|
||||
emptyBuilder: (context) {
|
||||
return Center(
|
||||
child: Text(
|
||||
'No chats here yet...',
|
||||
style: StreamChatTheme.of(context)
|
||||
.textTheme
|
||||
.footnote
|
||||
.copyWith(
|
||||
style: StreamChatTheme.of(context).textTheme.footnote.copyWith(
|
||||
color: StreamChatTheme.of(context)
|
||||
.colorTheme
|
||||
.black
|
||||
.withOpacity(.5)),
|
||||
),
|
||||
);
|
||||
}
|
||||
} else {
|
||||
messages = messageList;
|
||||
},
|
||||
messageListBuilder: (context, list) {
|
||||
return _buildListView(list);
|
||||
},
|
||||
messageListController: _messageListController,
|
||||
parentMessage: widget.parentMessage,
|
||||
showScrollToBottom: widget.showScrollToBottom,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildListView(List<Message> data) {
|
||||
messages = data;
|
||||
final newMessagesListLength = messages.length;
|
||||
|
||||
if (_messageListLength != null) {
|
||||
if (_bottomPaginationActive || (_inBetweenList && _upToDate)) {
|
||||
if (_itemPositionListener.itemPositions.value?.isNotEmpty ==
|
||||
true) {
|
||||
if (_itemPositionListener.itemPositions.value?.isNotEmpty == true) {
|
||||
final first = _itemPositionListener.itemPositions.value.first;
|
||||
final diff = newMessagesListLength - _messageListLength;
|
||||
if (diff > 0) {
|
||||
@@ -363,15 +352,13 @@ class _MessageListViewState extends State<MessageListView> {
|
||||
physics: widget.scrollPhysics,
|
||||
itemScrollController: _scrollController,
|
||||
reverse: true,
|
||||
itemCount: messages.length +
|
||||
2 +
|
||||
(_isThreadConversation ? 1 : 0),
|
||||
itemCount:
|
||||
messages.length + 2 + (_isThreadConversation ? 1 : 0),
|
||||
separatorBuilder: (context, i) {
|
||||
if (i == messages.length) return Offstage();
|
||||
if (i == 0) return SizedBox(height: 30);
|
||||
if (i == messages.length + 1) {
|
||||
final replyCount =
|
||||
widget.parentMessage.replyCount;
|
||||
final replyCount = widget.parentMessage.replyCount;
|
||||
return Container(
|
||||
decoration: BoxDecoration(
|
||||
gradient: StreamChatTheme.of(context)
|
||||
@@ -406,8 +393,7 @@ class _MessageListViewState extends State<MessageListView> {
|
||||
dateTime: nextMessage.createdAt.toLocal(),
|
||||
);
|
||||
return Padding(
|
||||
padding:
|
||||
const EdgeInsets.symmetric(vertical: 12.0),
|
||||
padding: const EdgeInsets.symmetric(vertical: 12.0),
|
||||
child: divider,
|
||||
);
|
||||
}
|
||||
@@ -473,8 +459,7 @@ class _MessageListViewState extends State<MessageListView> {
|
||||
} else {
|
||||
if (widget.messageBuilder != null) {
|
||||
messageWidget = Builder(
|
||||
key:
|
||||
ValueKey<String>('MESSAGE-${message.id}'),
|
||||
key: ValueKey<String>('MESSAGE-${message.id}'),
|
||||
builder: (context) => widget.messageBuilder(
|
||||
context,
|
||||
MessageDetails(
|
||||
@@ -486,8 +471,7 @@ class _MessageListViewState extends State<MessageListView> {
|
||||
messages),
|
||||
);
|
||||
} else {
|
||||
messageWidget =
|
||||
buildMessage(message, messages, i);
|
||||
messageWidget = buildMessage(message, messages, i);
|
||||
}
|
||||
}
|
||||
return messageWidget;
|
||||
@@ -529,16 +513,11 @@ class _MessageListViewState extends State<MessageListView> {
|
||||
),
|
||||
],
|
||||
);
|
||||
});
|
||||
}
|
||||
|
||||
Future<void> _paginateData(
|
||||
StreamChannelState channel, QueryDirection direction) {
|
||||
if (!_isThreadConversation) {
|
||||
return channel.queryMessages(direction: direction);
|
||||
} else {
|
||||
return channel.getReplies(widget.parentMessage.id);
|
||||
}
|
||||
return _messageListController.paginateData(direction: direction);
|
||||
}
|
||||
|
||||
ItemPosition _getTopElement(Iterable<ItemPosition> values) {
|
||||
|
||||
@@ -51,7 +51,6 @@ class MessageListCore extends StatefulWidget {
|
||||
Key key,
|
||||
this.showScrollToBottom = true,
|
||||
this.parentMessage,
|
||||
this.dateDividerBuilder,
|
||||
@required this.loadingBuilder,
|
||||
@required this.emptyBuilder,
|
||||
@required this.messageListBuilder,
|
||||
@@ -74,9 +73,6 @@ class MessageListCore extends StatefulWidget {
|
||||
/// Parent message in case of a thread
|
||||
final Message parentMessage;
|
||||
|
||||
/// Builder used to render date dividers
|
||||
final Widget Function(DateTime) dateDividerBuilder;
|
||||
|
||||
@override
|
||||
_MessageListCoreState createState() => _MessageListCoreState();
|
||||
}
|
||||
@@ -128,7 +124,8 @@ class _MessageListCoreState extends State<MessageListCore> {
|
||||
});
|
||||
}
|
||||
|
||||
Future<void> paginateData(QueryDirection direction) {
|
||||
Future<void> paginateData(
|
||||
{QueryDirection direction = QueryDirection.bottom}) {
|
||||
if (!_isThreadConversation) {
|
||||
return streamChannel.queryMessages(direction: direction);
|
||||
} else {
|
||||
@@ -162,5 +159,5 @@ class _MessageListCoreState extends State<MessageListCore> {
|
||||
|
||||
/// Controller used for paginating data in [ChannelListView]
|
||||
class MessageListController {
|
||||
Function(QueryDirection direction) paginateData;
|
||||
Function({QueryDirection direction}) paginateData;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user