Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to implement floating chat heads in flutter? [closed]

Tags:

flutter

An application I'm working on needs something similar to messenger's floating chat heads. And I want to develop my app using Flutter. Can we do that?

[illustration]

like image 200
Prasanth Kanna Avatar asked May 31 '18 17:05

Prasanth Kanna


People also ask

How do you implement floating chat heads in flutter?

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.

How do you make a chat head inactive?

Launch the Facebook Messenger app on your phone. Now tap on your profile picture in the upper left corner. Then scroll down to the Chat Heads setting. Finally, toggle it off.

How do you use bubbles instead of chat heads?

From Chats, tap your profile picture in the top left. Scroll down and tap Bubbles. Tap All conversations can bubble or Selected conversations can bubble. To turn off this feature, select Nothing can bubble.


1 Answers

I think that at the moment you will need to implement overlays in native android. Here is an example how to approach it. You can connect them with flutter via platform-channels.

You can still write the app in flutter for iOS and Android, the only thing is that you will logically need to separate platform-specific code.

like image 134
Tree Avatar answered Sep 17 '22 02:09

Tree