Message Header

Scaffold(
  body: Column(
    children: [
      CometChatMessageHeader(user: user),
      Expanded(child: CometChatMessageList(user: user)),
      CometChatMessageComposer(user: user),
    ],
  ),
)

import 'package:cometchat_chat_uikit/cometchat_chat_uikit.dart';
import 'package:flutter/material.dart';

class ChatScreen extends StatelessWidget {
  final User user;
  const ChatScreen({super.key, required this.user});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: PreferredSize(
        preferredSize: const Size.fromHeight(60),
        child: CometChatMessageHeader(user: user),
      ),
      body: Column(
        children: [
          Expanded(child: CometChatMessageList(user: user)),
          CometChatMessageComposer(user: user),
        ],
      ),
    );
  }
}

CometChatMessageHeader(group: group)

CometChatMessageHeader(
  user: user,
  onBack: () {
    Navigator.pop(context);
  },
)

CometChatMessageHeader(
  user: user,
  onError: (e) {
    debugPrint("Error: ${e.message}");
  },
)

CometChatMessageHeader(
  user: user,
  subtitleView: (user, group) {
    if (user != null) {
      return Text(
        user.status == "online" ? "Active now" : "Last seen recently",
        style: TextStyle(color: Color(0xFF727272), fontSize: 12),
      );
    }
    if (group != null) {
      return Text(
        "${group.membersCount} members",
        style: TextStyle(color: Color(0xFF727272), fontSize: 12),
      );
    }
    return null;
  },
)

CometChatMessageHeader(
  user: user,
  leadingView: (user, group) {
    return CircleAvatar(
      backgroundImage: NetworkImage(user?.avatar ?? ""),
      child: user?.avatar == null ? Text(user?.name?[0] ?? "") : null,
    );
  },
)

CometChatMessageHeader(
  user: user,
  titleView: (user, group) {
    return Text(
      user?.name ?? group?.name ?? "",
      style: TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
    );
  },
)

CometChatMessageHeader(
  user: user,
  trailingView: (user, group) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        IconButton(icon: Icon(Icons.call), onPressed: () {}),
        IconButton(icon: Icon(Icons.videocam), onPressed: () {}),
        IconButton(icon: Icon(Icons.info_outline), onPressed: () {}),
      ],
    );
  },
)

CometChatMessageHeader(
  group: group,
  trailingView: (user, group) {
    return IconButton(
      icon: Icon(Icons.info_outline),
      onPressed: () {
        Navigator.push(context, MaterialPageRoute(
          builder: (context) => GroupInfoScreen(group: group!),
        ));
      },
    );
  },
)

CometChatMessageHeader(
  user: user,
  showBackButton: false,
)

CometChatMessageHeader(
  user: user,
  messageHeaderBloc: CustomMessageHeaderBloc(),
)

CometChatMessageHeader(
  user: user,
  messageHeaderStyle: CometChatMessageHeaderStyle(
    backgroundColor: Colors.white,
    avatarStyle: CometChatAvatarStyle(
      borderRadius: BorderRadius.circular(8),
    ),
    statusIndicatorStyle: CometChatStatusIndicatorStyle(),
    typingIndicatorStyle: CometChatTypingIndicatorStyle(),
  ),
)