Famous FB Messenger Floating Chat head UI developed in Flutter.

Overview

Messenger Chat Head

Open Source Love svg1 GitHub Forks GitHub Issues contributions welcome

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 file for details

🧑 Author

Muhammad Hamza

LinkedIn Link

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

GitHub Follow

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

Copyright (c) 2020 MUHAMMAD HAMZA

You might also like...

A full-fledged one-to-one chat app developed entirely in Flutter

A full-fledged one-to-one chat app developed entirely in Flutter

Enigma Enigma - A minimalist, locked-down one-to-one chat app. Usage Flutter - Get Started Since this is a Firebase dependent project, create a Fireba

Dec 23, 2022

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing groups and start conversing with each other.

GroupChatApp About Developed a Group chat application using Flutter and Firebase, where users can register and create groups or join already existing

Dec 1, 2022

Microsoft Teams Clone is a Video conference application with a rich integrated chat experience, to connect with friends,family & colleagues. Developed as a redesign of Microsoft Teams during my menteeship at Microsoft Engage 2021

Microsoft Teams Clone is a Video conference application with a rich integrated chat experience, to connect with friends,family & colleagues. Developed as a redesign of Microsoft Teams during my menteeship at Microsoft Engage 2021

Microsoft Teams Clone by Karanjot Singh About Microsoft Teams Clone is a Video conference application with a rich integrated chat experience, to conne

Dec 28, 2022

chat app with flutter

chat app with flutter

Chat App Reader Ui Made with Flutter 😄 you can also buy me coffee 💻 Requirements 👽 Any Operating System (MacOS, Linux, Windows) Any IDE with Flutte

Apr 23, 2022

Flutter chat app

labalaba A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Dec 16, 2022

:rocket: This application using flutter for develop a realtime chat app

:rocket: This application using flutter for develop a realtime chat app

Flutter Chat Socket Description: 🚀 This application using Flutter for develop a realtime chat app How I can run it? 🚀 Clone this repository 🚀 Run b

Dec 31, 2022

A sophisticated Chat Application [NestJs+Flutter].

A sophisticated Chat Application [NestJs+Flutter].

Hornbill Key features Used sockets for messaging and loading registered contacts Sqflite to store chats on device Repository pattern Tech Stack [Flutt

Dec 26, 2022

Flutter chat-app UI with multiple themes & light + Dark mode.

Flutter chat-app UI with multiple themes & light + Dark mode.

Chat-App UI If you liked it, please give it a star . Features of the app - Light Mode + Dark Mode 4 different color themes - pink/teal/yellow/purple I

Oct 5, 2022
Comments
  • Error

    Error

    Hi! lib/ui/chat_head.dart:96:7: Error: No named parameter with the name 'resizeToAvoidBottomPadding'. resizeToAvoidBottomPadding: false, ^^^^^^^^^^^^^^^^^^^^^^^^^^ ../../../flutter/packages/flutter/lib/src/material/scaffold.dart:1451:9: Context: Found this candidate, but the arguments don't match. const Scaffold({ ^^^^^^^^

    FAILURE: Build failed with an exception.

    • Where: Script 'D:\Programowanie\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 991

    • What went wrong: Execution failed for task ':app:compileFlutterBuildDebug'.

    Process 'command 'D:\Programowanie\flutter\bin\flutter.bat'' finished with non-zero exit value 1

    • Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

    • Get more help at https://help.gradle.org

    BUILD FAILED in 12s Running Gradle task 'assembleDebug'... Running Gradle task 'assembleDebug'... Done 12,9s Exception: Gradle task assembleDebug failed with exit code 1

    Please help, I need it

    opened by pudelos 1
  • Chat List must Start from Bottom/Last Index

    Chat List must Start from Bottom/Last Index

    Chat messages are being start from top/first index. It must start from bottom/last index.

    Files to be observed:

    • File producing Message ListView(): lib/ui/chat_head_body/chatListView.dart
    • Message ListView() being displayed: lib/ui/chat_head_body/chatHeadBody.dart
    opened by mhmzdev 5
Owner
Muhammad Hamza
Flutter - UI/UX - Writer @Medium Find me @mhmzdev - YouTube @happyfluttering
Muhammad Hamza
It is a simple group chat application made with flutter back-end by Firebase. People can chat like a community chat.

flash_chat A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if th

Moideen Rafih P A 4 Aug 7, 2022
A powerful Flutter chat UI component library and business logic for Tencent Cloud Chat, creating seamless in-app chat modules for delightful user experiences.

<style> .button-9 { appearance: button; backface-visibility: hidden; background-color: #1d52d9; border-radius: 6px; border-width: 0; box-shadow: rgba(

Tencent Cloud 63 Aug 11, 2023
Flutter mini project based on a famous movie character Jaadoo

Jaadoo A new Flutter Web project. This is the only way to call jaadoo to do your job..LOL Jaaadoo won't come, said first make this responsive on brows

PRATYUSH TIWARI 4 Dec 15, 2022
A Wonderful app to connect us with famous dishes across the world.

Recipe App A Wonderful app to connect us with famous dishes across the world. About APP It is a simple flutter app with dummy data ,it show recipes of

null 2 Jan 24, 2022
Fully Functioning Messenger (Like Whatsapp) in Flutter

HitUp Messenger A Fully Functioning Chat Messenger (like Whatsapp) built using Flutter. About the project Flutter for building the Android & IOS App.

Diganta Kalita 181 Dec 25, 2022
ChatMe is a messenger app build with Flutter and the power of Firebase

flutter_chatme A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started i

Aditya Rohman 11 Oct 24, 2022
The most complete Chat UI for flutter highly customizable and helps developing chat UI faster.

⚠️ Dashchat v2 is available in v2 branch ⚠️ You can open issues for the v2 to indicate things we need to implement/fix. Also the API can change until

Fayeed Pawaskar 432 Dec 11, 2022
Chat-application - Build Chat Application using Flutter and Firebase

Build Chat Application using Flutter & Firebase Source Code - Enjoy ! Social Med

Muhammad Irvan 0 Jan 3, 2022
Chat-App - A Chat App with flutter and Firebase and Video Calling using WebRTC

chat_app A chat app with flutter and firebase with image message support and vid

Reza Hosseinypour 10 Nov 23, 2022
Amir Khan 47 Jan 8, 2023