dash_bubble 0.0.1 copy "dash_bubble: ^0.0.1" to clipboard
dash_bubble: ^0.0.1 copied to clipboard

Dash Bubble is a flutter plugin that allows you to create a floating bubble on the screen.

Dash Bubble Banner

Dash Bubble

Platform Pub Package License: BSD-3-Clause
GitHub code size in bytes Star on GitHub GitHub Open Issues GitHub Last Commit Date


๐Ÿ’ก Overview #

A Flutter plugin that allows you to create a floating bubble on the screen built on top of Floating-Bubble-View library by TorryDo ๐Ÿ’™

The plugin currently supports Android only.


Animated Example
This GIF is taken from the Example Project

๐Ÿ”ง Setup #

Set the minimum SDK version to 21 or higher in your android/app/build.gradle file:

android {
    defaultConfig {
        ...
        minSdkVersion 21 // Set this to 21 or higher
        ...
    }
}

The plugin uses these two permissions but you don't need to add them to your AndroidManifest.xml file because the plugin will add them automatically:

<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
<uses-permission android:name="android.permission.FOREGROUND_SERVICE" />

๐Ÿ’ป Usage #

Import the package:

import 'package:dash_bubble/dash_bubble.dart';

Use the singleton instance of DashBubble to access all the available methods, for example:

DashBubble.instance.requestPermission()
DashBubble.instance.startBubble()

๐Ÿ“˜ You can checkout the complete API Reference here

๐Ÿงฐ Available Methods #

Note: All the methods are asynchronous and has a return type of Future<bool>.

Method Description Parameters Behavior Notes
requestPermission() Requests the permission to draw over other apps - Returns true if the permission is granted, false otherwise If the permission is already granted, this method will return true without asking the user

In Android versions prior to Android 6.0 (M), this method will return true without asking the user
hasPermission() Checks if the permission to draw over other apps is granted - Returns true if the permission is granted, false otherwise -
isRunning() Checks if the bubble is currently running - Returns true if the bubble is running, false otherwise The bubble is considered running if it is visible on the screen
startBubble() Starts the bubble BubbleOptions? options

Function()? onBubbleTap
Returns true if the bubble started successfully, false otherwise If the bubble is already running or the permission is not granted, this method will return false
stopBubble() Stops the bubble - Returns true if the bubble stopped successfully, false otherwise If the bubble is not running, this method will return false

๐Ÿ“ Bubble Customization Options #

Note: All the options are optional and you can pass only the options you want to customize.

Option Description Default
notificationTitle The title of the service notification null
notificationText The text of the service notification null
notificationIcon The icon of the service notification null
bubbleIcon The icon of the bubble null
closeIcon The icon of the close button null
startLocationX The initial starting position of the bubble on the x axis 0
startLocationY The initial starting position of the bubble on the y axis 200
bubbleSize The size of the bubble 60
enableClose Whether to show the close button or not true
enableAnimateToEdge Whether to animate the bubble to the edge of the screen when it is dragged to the edge of the screen or not true
enableBottomShadow Whether to show the bottom shadow behind the close button of the bubble or not true
keepAliveWhenAppExit Whether to keep the bubble alive when the app is closed or not false

โœ… Roadmap #

  • โŒ Add Tests ๐Ÿงช
  • โŒ Implement a ready-to-use AppBubble which starts automatically when the app is on the background and stops when the app is on the foreground and has the ability to bring the app to the foreground when the bubble is tapped ๐Ÿ“ฑ
  • โŒ Ability to pass a Widget as the bubbleIcon and closeIcon ๐Ÿ’ช๐Ÿป
  • โŒ Implement the ExpandableView feature in the original library โšก

๐Ÿ’ช๐Ÿป Contribution Guide #

I would be happy to have your contributions ๐Ÿ’™

If you find a bug or want a feature, but don't know how to fix/implement it, please fill an Issue.
If you fixed a bug or implemented a feature, please send a Pull Request.

Made with contrib.rocks.

128
likes
0
pub points
90%
popularity

Publisher

verified publishermoaz.dev

Dash Bubble is a flutter plugin that allows you to create a floating bubble on the screen.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, plugin_platform_interface

More

Packages that depend on dash_bubble