add custom message example

This commit is contained in:
Salvatore Giordano
2020-02-25 14:06:48 +01:00
parent 3c4edf1b18
commit f2646e407d
3 changed files with 71 additions and 7 deletions
+65
View File
@@ -0,0 +1,65 @@
import 'package:flutter/material.dart';
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
void main() async {
final client = Client('qk4nn7rpcn75');
await client.setUser(
User(id: 'wild-breeze-7'),
'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoid2lsZC1icmVlemUtNyJ9.VM2EX1EXOfgqa-bTH_3JzeY0T99ngWzWahSauP3dBMo',
);
final channelClient = client.channel('messaging', id: 'godevs');
// ignore: unawaited_futures
channelClient.watch();
runApp(
StreamChat(
client: client,
child: MaterialApp(
home: StreamChannel(
channelClient: channelClient,
child: ChannelPage(),
),
),
),
);
}
class ChannelPage extends StatelessWidget {
const ChannelPage({
Key key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: <Widget>[
Expanded(
child: MessageListView(
messageBuilder: (context, message, _) {
final isCurrentUser =
StreamChat.of(context).user.id == message.user.id;
final textAlign =
isCurrentUser ? TextAlign.right : TextAlign.left;
return ListTile(
title: Text(
message.text,
textAlign: textAlign,
),
subtitle: Text(
message.user.extraData['name'],
textAlign: textAlign,
),
);
},
),
),
MessageInput(),
],
),
);
}
}
+5 -6
View File
@@ -15,15 +15,14 @@ typedef ThreadTapCallback = void Function(Message, Widget);
class MessageListView extends StatefulWidget {
MessageListView({
Key key,
MessageBuilder messageBuilder,
this.messageBuilder,
this.parentMessageBuilder,
this.parentMessage,
this.threadBuilder,
this.onThreadTap,
}) : _messageBuilder = messageBuilder,
super(key: key);
}) : super(key: key);
final MessageBuilder _messageBuilder;
final MessageBuilder messageBuilder;
final ParentMessageBuilder parentMessageBuilder;
final ThreadBuilder threadBuilder;
final ThreadTapCallback onThreadTap;
@@ -105,8 +104,8 @@ class _MessageListViewState extends State<MessageListView> {
}
final message = _messages[i];
if (widget._messageBuilder != null) {
return widget._messageBuilder(context, message, i);
if (widget.messageBuilder != null) {
return widget.messageBuilder(context, message, i);
}
final previousMessage =
+1 -1
View File
@@ -109,7 +109,7 @@ class StreamChannelState extends State<StreamChannel> {
future: widget.channelClient.initialized,
initialData: widget.channelClient.state != null,
builder: (context, snapshot) {
if (!snapshot.hasData) {
if (!snapshot.hasData || !snapshot.data) {
return Scaffold(
body: Center(
child: CircularProgressIndicator(),