Salvatore Giordano
89 lines
2.5 KiB
Dart
89 lines
2.5 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:stream_chat_flutter/stream_chat_flutter.dart';
|
|
|
|
/// First step of the [tutorial](https://getstream.io/chat/flutter/tutorial/)
|
|
///
|
|
/// There are three important things to notice that are common to all Flutter application using StreamChat:
|
|
///
|
|
/// 1. The Dart API [StreamChatClient] is initialized with your API Key
|
|
/// 2. The current user is set by calling [StreamChatClient.setUser]
|
|
/// 3. The client is then passed to the top-level [StreamChat] widget
|
|
/// [StreamChat] is an inherited widget and must be the parent of all Chat related widgets.
|
|
///
|
|
/// Please note that while Flutter can be used to build both mobile and web applications;
|
|
/// in this tutorial we focus on mobile, make sure when running the app you use a mobile device.
|
|
///
|
|
/// Let's have a look at what we've built:
|
|
///
|
|
/// - We set up the Chat [StreamChatClient] with the API key
|
|
///
|
|
/// - We set the the current user for Chat with [StreamChatClient.setUser] and a pre-generated user token
|
|
///
|
|
/// - We make [StreamChat] the root Widget of our application
|
|
///
|
|
/// - We create a single [ChannelPage] widget under [StreamChat] with three widgets: [ChannelHeader], [MessageListView] and [MessageInput]
|
|
///
|
|
/// If you now run the simulator you will see a single channel UI.
|
|
void main() async {
|
|
final client = StreamChatClient(
|
|
's2dxdhpxd94g',
|
|
logLevel: Level.INFO,
|
|
);
|
|
|
|
await client.setUser(
|
|
User(id: 'super-band-9'),
|
|
'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoic3VwZXItYmFuZC05In0.0L6lGoeLwkz0aZRUcpZKsvaXtNEDHBcezVTZ0oPq40A',
|
|
);
|
|
|
|
final channel = client.channel('messaging', id: 'godevs');
|
|
|
|
// ignore: unawaited_futures
|
|
channel.watch();
|
|
|
|
runApp(MyApp(client, channel));
|
|
}
|
|
|
|
class MyApp extends StatelessWidget {
|
|
final StreamChatClient client;
|
|
final Channel channel;
|
|
|
|
MyApp(this.client, this.channel);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return MaterialApp(
|
|
builder: (context, widget) {
|
|
return StreamChat(
|
|
child: widget,
|
|
client: client,
|
|
);
|
|
},
|
|
home: StreamChannel(
|
|
channel: channel,
|
|
child: ChannelPage(),
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
class ChannelPage extends StatelessWidget {
|
|
const ChannelPage({
|
|
Key key,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: ChannelHeader(),
|
|
body: Column(
|
|
children: <Widget>[
|
|
Expanded(
|
|
child: MessageListView(),
|
|
),
|
|
MessageInput(),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|