https://github.com/mhmzdev/messenger-chat-head-flutter-ui

Famous FB Messenger Floating Chat head UI developed in Flutter.
https://github.com/mhmzdev/messenger-chat-head-flutter-ui

dart facebook facebook-messenger-chathead flutter flutter-ui messenger-chathead

Last synced: about 1 year ago
JSON representation

Famous FB Messenger Floating Chat head UI developed in Flutter.

• Host: GitHub
• URL: https://github.com/mhmzdev/messenger-chat-head-flutter-ui
• Owner: mhmzdev
• License: mit
• Created: 2020-11-26T03:46:26.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2021-01-10T21:58:13.000Z (over 5 years ago)
• Last Synced: 2025-03-22T02:03:27.863Z (about 1 year ago)
• Topics: dart, facebook, facebook-messenger-chathead, flutter, flutter-ui, messenger-chathead
• Language: Dart
• Homepage:
• Size: 297 KB
• Stars: 66
• Watchers: 4
• Forks: 20
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

README

          


 Messenger Chat Head




[![Open Source Love svg1](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](#)

[![GitHub Forks](https://img.shields.io/github/forks/saadhaxxan/Car_Game_Python_Pygame.svg?style=social&label=Fork&maxAge=2592000)](https://github.com/m-hamzashakeel/Messenger-Chat-Head-Flutter-UI/fork)

[![GitHub Issues](https://img.shields.io/github/issues/saadhaxxan/Car_Game_Python_Pygame.svg?style=flat&label=Issues&maxAge=2592000)](https://github.com/m-hamzashakeel/Messenger-Chat-Head-Flutter-UI/issues)

[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat&label=Contributions&colorA=red&colorB=black	)](#)



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

`🔴 Issues are reported in the bottom of README, feel free to contribute :)`

## 👀 Here's the Look

 

## 📱 Demo



## 🔨 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

Feel free to open an issue and contribute 🔥

## 🔑 LICENSE

- This project is licensed under the MIT License - see the [LICENSE](LICENSE.md) file for details

## 🧑 Author

#### Muhammad Hamza

[![LinkedIn Link](https://img.shields.io/badge/Connect-Hamza-blue.svg?logo=linkedin&longCache=true&style=social&label=Connect

)](https://www.linkedin.com/in/mhamzadev)

You can also follow my GitHub Profile to stay updated about my latest projects:

[![GitHub Follow](https://img.shields.io/badge/Connect-Hamza-blue.svg?logo=Github&longCache=true&style=social&label=Follow)](https://github.com/m-hamzashakeel)

If you liked the repo then kindly support it by giving it a star ⭐!

Copyright (c) 2020 MUHAMMAD HAMZA