React Native: Is it possible to create floating chat heads like facebook messenger?

Question

Is it possible to create floating chat heads like facebook messenger by using react native?

Answer 1

Without native coding, you can just make them show inside of your app, here is fine example, it basically extends react-native-interactible example.

If you want them to stay when the app is closed, I am afraid that there is not some react native library at the moment (as far as I know) that can provide you that, just native code something like in this article.

Answer 2

We implemented a library for this. You need to install it and follow the instructions in the README.

Then:

import { showFloatingBubble, hideFloatingBubble, requestPermission } from "react-native-floating-bubble"

// Show Floating Bubble
showFloatingBubble().then(() => console.log("Floating Bubble Added"));