Messenger Chat Head

Tried to clone the famous Chat Heads by Facebook Messenger using Flutter.

? Here's the Look

100321186-1d90a600-2fe4-11eb-9f30-7cdb98760473

100321225-297c6800-2fe4-11eb-8296-fcd8ad7542fb

? Demo

100320858-a1965e00-2fe3-11eb-88d4-4f8a033e87f2

? Issues

As far as I'm aware of what can be improved here:

  • Make the Chat Head float even when the app is closed
  • Chat Messages List starts from the top, it must start from the bottom as in real Messenger
  • onDragEnd() while exiting the Chat Head can be improved for better Floating Location
  • Inital Floating Location can be saved as the last Floating Location left by the user
  • Appearing of Chat Head body can also be imporoved

GitHub

https://github.com/m-hamzashakeel/Messenger-Chat-Head-Flutter-UI