ChatMessage class

Represents a chat message.

The ChatMessage class stores the details of a message within a chat system, including the text content, the time when the message was sent, the author who sent the message, list of suggestion items for a message, and the suggestion settings to customize the suggestion items.

Example:

@override
Widget build(BuildContext context) {
  return SfChat(
    messages: [
      ChatMessage(
        text:
         'Hi, I have planned to go on a trip. Can you suggest some places?',
        time: DateTime.now(),
        author: const ChatAuthor(id: '123-001', name: 'Chat A'),
        suggestions: <ChatMessageSuggestion>[
          ChatMessageSuggestion(
            data: 'Paris',
          ),
          ChatMessageSuggestion(
            data: 'Tokyo',
          ),
          ChatMessageSuggestion(
            data: 'New York',
          ),
          ChatMessageSuggestion(
            data: 'London',
          ),
        ],
        suggestionSettings: ChatSuggestionSettings(
          backgroundColor: Colors.grey[300],
          itemBackgroundColor: WidgetStateProperty.resolveWith<Color>(
            (states) {
              if (states.contains(WidgetState.hovered)) {
                return Colors.grey[400]!;
              }
              return Colors.grey;
            },
          ),
          shape: const RoundedRectangleBorder(
            borderRadius: BorderRadius.all(
              Radius.circular(4.0),
            ),
          ),
          itemShape: WidgetStateProperty.resolveWith<ShapeBorder>(
            (Set<WidgetState> states) {
              if (states.contains(WidgetState.hovered)) {
                return RoundedRectangleBorder(
                  borderRadius: BorderRadius.circular(20),
                );
              }
              return RoundedRectangleBorder(
                borderRadius: BorderRadius.circular(5),
              );
            },
          ),
        textStyle: WidgetStateProperty.resolveWith<TextStyle?>(
          (Set<WidgetState> states) {
            if (states.contains(WidgetState.disabled)) {
              return const TextStyle(fontSize: 16);
            }
            return const TextStyle(fontSize: 14);
          },
         ),
          margin: const EdgeInsets.all(10),
          itemPadding:
              const EdgeInsets.symmetric(horizontal: 12, vertical: 8.0),
          orientation: Axis.horizontal,
          itemOverflow: ChatSuggestionOverflow.scroll,
        ),
      ),
    ],
  );
}

Constructors

Properties

Methods

Operators

chat library