> ## Documentation Index
> Fetch the complete documentation index at: https://cometchat-22654f5b-docs-skills-v5-temp.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# New Chat

> Create a CometChat Flutter UI Kit new chat screen for discovering users and groups and opening one-to-one or group conversations.

<Accordion title="AI Integration Quick Reference">
  | Field         | Value                                                                                                                             |
  | ------------- | --------------------------------------------------------------------------------------------------------------------------------- |
  | Package       | `cometchat_chat_uikit`                                                                                                            |
  | Import        | `import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';`                                                                |
  | Purpose       | Create a CometChat Flutter UI Kit new chat screen for discovering users and groups and opening one-to-one or group conversations. |
  | Key widgets   | `CometChatGroups` · `CometChatMessageComposer` · `CometChatMessageHeader` · `CometChatMessageList` · `CometChatUsers`             |
  | Prerequisites | `CometChatUIKit` initialised and a user logged in.                                                                                |
  | Related       | [Users](/ui-kit/flutter/users) · [Groups](/ui-kit/flutter/groups) · [Conversations](/ui-kit/flutter/conversations)                |
</Accordion>

Offer a unified discovery screen for users and groups and launch new chats quickly using CometChat V6 UIKit.

## Overview

The "New Chat" feature provides a screen where users can browse available users and groups to start a new conversation.

## Integration

### Create a New Chat Screen

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
    import 'package:flutter/material.dart';

    class NewChatScreen extends StatelessWidget {
      const NewChatScreen({super.key});

      void _openChat(BuildContext context, {User? user, Group? group}) {
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (_) => Scaffold(
              appBar: CometChatMessageHeader(user: user, group: group),
              body: SafeArea(
                child: Column(
                  children: [
                    Expanded(child: CometChatMessageList(user: user, group: group)),
                    CometChatMessageComposer(user: user, group: group),
                  ],
                ),
              ),
            ),
          ),
        );
      }

      @override
      Widget build(BuildContext context) {
        return DefaultTabController(
          length: 2,
          child: Scaffold(
            appBar: AppBar(
              title: const Text('New Chat'),
              bottom: const TabBar(
                tabs: [
                  Tab(text: 'Users'),
                  Tab(text: 'Groups'),
                ],
              ),
            ),
            body: TabBarView(
              children: [
                CometChatUsers(
                  hideAppbar: true,
                  onItemTap: (context, user) => _openChat(context, user: user),
                ),
                CometChatGroups(
                  hideAppbar: true,
                  onItemTap: (context, group) => _openChat(context, group: group),
                ),
              ],
            ),
          ),
        );
      }
    }
    ```
  </Tab>
</Tabs>

### Launch from a FAB

<Tabs>
  <Tab title="Dart">
    ```dart theme={null}
    FloatingActionButton(
      onPressed: () {
        Navigator.push(
          context,
          MaterialPageRoute(builder: (_) => const NewChatScreen()),
        );
      },
      child: const Icon(Icons.chat),
    )
    ```
  </Tab>
</Tabs>