如何为 Flutter UI 创建聊天消息气泡

Question

I'd like to create a message bubble where the time takes up the bottom right corner of the message bubble as shown in the photo. This is similar to the layout of whatsapp. I tried using row and column but that would mean that the time will be at another column or row. I tried using stack, but the words went behind the timing when the string is too long. Anyone can suggest how can I go about this? Thanks in advance!

Also, in whatsapp, there is a small pointy spot on the bottom right of the message bubble for the last message that was sent by me. How would you go about checking if it is your latest message in your message collection?

Answer 1

Try this packages

pub.dev/packages/chat_bubbles

pub.dev/packages/bubble