update example using new client

example/lib/custom_message.dart

@@ -9,24 +9,36 @@ void main() async {
     '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(),
-        ),
+        home: ChannelListPage(),
       ),
     ),
   );
 }
 
+class ChannelListPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: ChannelListView(
+        filter: {
+          'members': {
+            '\$in': [StreamChat.of(context).user.id],
+          }
+        },
+        sort: [SortOption('last_message_at')],
+        pagination: PaginationParams(
+          limit: 20,
+        ),
+        channelWidget: ChannelPage(),
+      ),
+    );
+  }
+}
+
 class ChannelPage extends StatelessWidget {
   const ChannelPage({
     Key key,
@@ -39,22 +51,7 @@ class ChannelPage extends StatelessWidget {
         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,
-                  ),
-                );
-              },
+              messageBuilder: _messageBuilder,
             ),
           ),
           MessageInput(),
@@ -62,4 +59,19 @@ class ChannelPage extends StatelessWidget {
       ),
     );
   }
+
+  Widget _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,
+      ),
+    );
+  }
 }

example/lib/customize_channel_preview.dart

@@ -27,25 +27,9 @@ class ChannelListPage extends StatelessWidget {
         filter: {
           'members': {
             '\$in': [StreamChat.of(context).user.id],
-          }
-        },
-        channelPreviewBuilder: (context, channelClient) {
-          final channelState = channelClient.state.channelState;
-          return ListTile(
-            leading: ChannelAvatar(
-              channel: channelState.channel,
-            ),
-            title: ChannelName(
-              channel: channelState.channel,
-            ),
-            trailing: channelClient.state.unreadCount > 0
-                ? CircleAvatar(
-                    radius: 10,
-                    child: Text(channelClient.state.unreadCount.toString()),
-                  )
-                : SizedBox(),
-          );
+          },
         },
+        channelPreviewBuilder: _channelPreviewBuilder,
         sort: [SortOption('last_message_at')],
         pagination: PaginationParams(
           limit: 20,
@@ -54,6 +38,23 @@ class ChannelListPage extends StatelessWidget {
       ),
     );
   }
+
+  Widget _channelPreviewBuilder(BuildContext context, Channel channel) {
+    return ListTile(
+      leading: ChannelImage(
+        channel: channel,
+      ),
+      title: ChannelName(
+        channel: channel,
+      ),
+      trailing: channel.state.unreadCount > 0
+          ? CircleAvatar(
+              radius: 10,
+              child: Text(channel.state.unreadCount.toString()),
+            )
+          : SizedBox(),
+    );
+  }
 }
 
 class ChannelPage extends StatelessWidget {

example/lib/multiple_conversation.dart

@@ -2,7 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 void main() async {
-  final client = Client('qk4nn7rpcn75', logLevel: Level.INFO);
+  final client = Client('qk4nn7rpcn75');
 
   await client.setUser(
     User(id: 'wild-breeze-7'),

example/lib/single_conversation.dart

@@ -2,24 +2,27 @@ import 'package:flutter/material.dart';
 import 'package:stream_chat_flutter/stream_chat_flutter.dart';
 
 void main() async {
-  final client = Client('qk4nn7rpcn75');
+  final client = Client(
+    'qk4nn7rpcn75',
+    logLevel: Level.INFO,
+  );
 
   await client.setUser(
     User(id: 'wild-breeze-7'),
     'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoid2lsZC1icmVlemUtNyJ9.VM2EX1EXOfgqa-bTH_3JzeY0T99ngWzWahSauP3dBMo',
   );
 
-  final channelClient = client.channel('messaging', id: 'godevs');
+  final channel = client.channel('messaging', id: 'godevs');
 
   // ignore: unawaited_futures
-  channelClient.watch();
+  channel.watch();
 
   runApp(
     StreamChat(
       client: client,
       child: MaterialApp(
         home: StreamChannel(
-          channelClient: channelClient,
+          channel: channel,
           child: ChannelPage(),
         ),
       ),

example/lib/threads.dart

@@ -51,9 +51,9 @@ class ChannelPage extends StatelessWidget {
         children: <Widget>[
           Expanded(
             child: MessageListView(
-              threadBuilder: (_, message) {
+              threadBuilder: (_, parentMessage) {
                 return ThreadPage(
-                  parent: message,
+                  parent: parentMessage,
                 );
               },
             ),