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,
+      ),
+    );
+  }
 }