talksik/stream-chat-flutter
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #113 from GetStream/feature-header

Browse Source 
Date header
This commit is contained in:
Salvatore Giordano
2020-10-28 11:41:37 +01:00
committed by GitHub
parent d1d7bd6f7e b22cf7bdf3
commit 590087383c
2 changed files with 155 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/src/message_list_view.dart
+154 -126
View File
@@ -6,6 +6,7 @@ import 'package:stream_chat/stream_chat.dart';
import 'package:stream_chat_flutter/src/message_widget.dart'; import 'package:stream_chat_flutter/src/message_widget.dart';
import 'package:stream_chat_flutter/src/system_message.dart'; import 'package:stream_chat_flutter/src/system_message.dart';
import 'package:visibility_detector/visibility_detector.dart'; import 'package:visibility_detector/visibility_detector.dart';
import 'package:widgets_visibility_provider/widgets_visibility_provider.dart';
import '../stream_chat_flutter.dart'; import '../stream_chat_flutter.dart';
import 'date_divider.dart'; import 'date_divider.dart';
@@ -155,144 +156,171 @@ class _MessageListViewState extends State<MessageListView> {
final streamChannel = StreamChannel.of(context); final streamChannel = StreamChannel.of(context);
/// TODO: find a better solution when (https://github.com/flutter/flutter/issues/21023) is fixed /// TODO: find a better solution when (https://github.com/flutter/flutter/issues/21023) is fixed
return Stack( return WidgetsVisibilityProvider(
children: [ condition: (c) => null,
NotificationListener<ScrollNotification>( child: Stack(
onNotification: (_) { alignment: Alignment.center,
if (_scrollController.offset < 150 && _newMessageList.isNotEmpty) { children: [
setState(() { NotificationListener<ScrollNotification>(
_messages.insertAll(0, _newMessageList); onNotification: (_) {
_newMessageList.clear(); if (_scrollController.offset < 150 &&
}); _newMessageList.isNotEmpty) {
} setState(() {
return true; _messages.insertAll(0, _newMessageList);
}, _newMessageList.clear();
child: ListView.custom( });
key: Key('messageListView'), }
physics: widget.scrollPhysics, return true;
keyboardDismissBehavior: widget.keyboardDismissBehavior, },
controller: _scrollController, child: ListView.custom(
reverse: true, key: Key('messageListView'),
childrenDelegate: SliverChildBuilderDelegate( physics: widget.scrollPhysics,
(context, i) { keyboardDismissBehavior: widget.keyboardDismissBehavior,
if (i == _messages.length + 1) { controller: _scrollController,
if (widget.parentMessage != null) { reverse: true,
if (widget.parentMessageBuilder != null) { childrenDelegate: SliverChildBuilderDelegate(
return widget.parentMessageBuilder( (context, i) {
context, if (i == _messages.length + 1) {
widget.parentMessage, if (widget.parentMessage != null) {
); if (widget.parentMessageBuilder != null) {
} else { return widget.parentMessageBuilder(
return Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
buildParentMessage(widget.parentMessage),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 32),
child: Container(
padding: const EdgeInsets.all(8),
child: Text(
'Start of thread',
textAlign: TextAlign.center,
),
color:
Theme.of(context).accentColor.withAlpha(50),
),
),
],
);
}
} else {
return SizedBox();
}
}
if (i == _messages.length) {
return _buildLoadingIndicator(streamChannel);
}
final message = _messages[i];
final nextMessage = i > 0 ? _messages[i - 1] : null;
Widget messageWidget;
if (i == 0) {
messageWidget = _buildBottomMessage(
context,
message,
_messages,
streamChannel,
);
} else if (i == _messages.length - 1) {
messageWidget = _buildTopMessage(
context,
message,
_messages,
streamChannel,
);
} else {
if (widget.messageBuilder != null) {
messageWidget = Builder(
key: ValueKey<String>('MESSAGE-${message.id}'),
builder: (_) => widget.messageBuilder(
context, context,
MessageDetails( widget.parentMessage,
context, );
message, } else {
_messages, return Column(
i, crossAxisAlignment: CrossAxisAlignment.stretch,
), children: <Widget>[
_messages), buildParentMessage(widget.parentMessage),
Padding(
padding:
const EdgeInsets.symmetric(horizontal: 32),
child: Container(
padding: const EdgeInsets.all(8),
child: Text(
'Start of thread',
textAlign: TextAlign.center,
),
color:
Theme.of(context).accentColor.withAlpha(50),
),
),
],
);
}
} else {
return SizedBox();
}
}
if (i == _messages.length) {
return _buildLoadingIndicator(streamChannel);
}
final message = _messages[i];
final nextMessage = i > 0 ? _messages[i - 1] : null;
Widget messageWidget;
if (i == 0) {
messageWidget = _buildBottomMessage(
context,
message,
_messages,
streamChannel,
);
} else if (i == _messages.length - 1) {
messageWidget = _buildTopMessage(
context,
message,
_messages,
streamChannel,
); );
} else { } else {
messageWidget = buildMessage(message, _messages, i); if (widget.messageBuilder != null) {
messageWidget = Builder(
key: ValueKey<String>('MESSAGE-${message.id}'),
builder: (_) => widget.messageBuilder(
context,
MessageDetails(
context,
message,
_messages,
i,
),
_messages),
);
} else {
messageWidget = buildMessage(message, _messages, i);
}
} }
}
if (nextMessage != null && if (nextMessage != null &&
!Jiffy(message.createdAt.toLocal()) !Jiffy(message.createdAt.toLocal())
.isSame(nextMessage.createdAt.toLocal(), Units.DAY)) { .isSame(nextMessage.createdAt.toLocal(), Units.DAY)) {
return Column( return VisibleNotifierWidget(
crossAxisAlignment: CrossAxisAlignment.stretch, data: i,
children: <Widget>[ child: Column(
messageWidget, crossAxisAlignment: CrossAxisAlignment.stretch,
Padding( children: <Widget>[
padding: const EdgeInsets.symmetric(vertical: 12.0), messageWidget,
child: widget.dateDividerBuilder != null Padding(
? widget.dateDividerBuilder( padding: const EdgeInsets.symmetric(vertical: 12.0),
nextMessage.createdAt.toLocal()) child: widget.dateDividerBuilder != null
: DateDivider( ? widget.dateDividerBuilder(
dateTime: nextMessage.createdAt.toLocal(), nextMessage.createdAt.toLocal())
), : DateDivider(
dateTime: nextMessage.createdAt.toLocal(),
),
),
],
), ),
], );
}
return VisibleNotifierWidget(
child: messageWidget,
data: i,
); );
},
childCount: _messages.length + 2,
findChildIndexCallback: (key) {
final ValueKey<String> valueKey = key;
final index = _messages
.indexWhere((m) => 'MESSAGE-${m.id}' == valueKey.value);
return index != -1 ? index : null;
},
),
),
),
if (widget.showScrollToBottom)
StreamBuilder<Event>(
stream: streamChannel.channel.on(
EventType.messageNew,
),
builder: (context, _) {
if (!_showScrollToBottom ||
streamChannel.channel.state.unreadCount == 0) {
return SizedBox();
}
return _buildScrollToBottom(streamChannel);
}),
Positioned(
top: 20.0,
child: WidgetsVisibilityConsumer(
listener: (context, event,) {},
builder: (context, event) {
if(event.positionDataList == null || event.positionDataList.isEmpty) {
return Container();
} }
return messageWidget; return DateDivider(
}, dateTime: _messages[event.positionDataList.last.data].createdAt.toLocal(),
childCount: _messages.length + 2, );
findChildIndexCallback: (key) {
final ValueKey<String> valueKey = key;
final index = _messages
.indexWhere((m) => 'MESSAGE-${m.id}' == valueKey.value);
return index != -1 ? index : null;
}, },
), ),
), ),
), ],
if (widget.showScrollToBottom) ),
StreamBuilder<Event>(
stream: streamChannel.channel.on(
EventType.messageNew,
),
builder: (context, _) {
if (!_showScrollToBottom ||
streamChannel.channel.state.unreadCount == 0) {
return SizedBox();
}
return _buildScrollToBottom(streamChannel);
}),
],
); );
} }
pubspec.yaml
+1
View File
@@ -30,6 +30,7 @@ dependencies:
flutter_slidable: ^0.5.4 flutter_slidable: ^0.5.4
carousel_slider: ^2.2.1 carousel_slider: ^2.2.1
clipboard: ^0.1.2+8 clipboard: ^0.1.2+8
widgets_visibility_provider: ^2.0.2
flutter: flutter:
fonts: fonts: