Chat

Designed to show real-time and past conversations between service agents or system and customer.

Component checklist

Flutter

Is new design vision part implemented using new tokens?

Update required

Resources

 

Examples

Forms/Chat/Chat


                                                        
                                                        
                                                            OptimusChat(
                                                              messages: messages,
                                                              isFromCurrentUser: (m) => m.author.id == 'you',
                                                              hasAvatars: k.boolean(label: 'Enable avatar', initial: true),
                                                              formatTime: (DateTime input) =>
                                                                  '${input.hour}:${input.minute.toString().padLeft(2, '0')}',
                                                              formatDate: (DateTime input) =>
                                                                  '${input.day}. ${input.month}. ${input.year}',
                                                              sending: const Text('Sending...'),
                                                              sent: const Text('Sent'),
                                                              error: DefaultTextStyle.merge(
                                                                style: const TextStyle(
                                                                  decoration: TextDecoration.underline,
                                                                ),
                                                                child: const Text('Error, try sending again'),
                                                              ),
                                                              onSendPressed: (message) {},
                                                            );
                                                        
                                                            

OptimusChat Example

API

Name

Description

Type

Default

messages

 

List<OptimusMessage>

 

hasAvatars

 

hasAvatars

 

formatTime

 

FormatTime

 

formatDate

 

FormatDate

 

sending

 

Widget

 

sent

 

Widget

 

error

 

Widget

 

onSendPressed

 

ValueChanged<String>

 

isFromCurrentUser

 

Predicate<OptimusMessage>