react-native-floating-bubble
A simple Facebook Chat Head like bubble for react native. Special thanks to bubble-for-android because this is just react native wrapper for that library.
Installation
$ npm install react-native-floating-bubble --save
Mostly automatic installation
$ react-native link react-native-floating-bubble
Manual installation
Android
- Open up
android/app/src/main/java/[...]/MainActivity.java
- Add
import com.reactlibrary.RNFloatingBubblePackage;
to the imports at the top of the file - Add
new RNFloatingBubblePackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':react-native-floating-bubble' project(':react-native-floating-bubble').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-floating-bubble/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:compile project(':react-native-floating-bubble')
iOS
- This library is not supported for iOS. This functionality is not there.
Usage
Methods
Events
You can listen to bubble press and bubble remove events using DeviceEventEmitter
.
Events: floating-bubble-press
, floating-bubble-remove
Change Bubble Icon
Place the icon file as android/app/src/main/res/drawable/bubble_icon.png