Skyost / BubbleShowcase

BubbleShowcase is a small but power flutter package that allows you to highlight specific parts of your app to explain them to the user or to showcase your app new features.

Home Page:https://pub.dev/packages/bubble_showcase

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Have the SpeechBubble display above the highlighted area

lunaticcoding opened this issue · comments

Is your feature request related to a problem? Please describe.
I need the Bubble to be displayed above the widget I want to highlight. Changing the direction property in the RelativeBubbleSlideChild should place it above right? :S But it does not. Otherwise, I simply used the code from the example.

Describe the solution you'd like
A way to put the SpeechBubble above the widget.

Describe alternatives you've considered
Using another plugin, but that one has other issues...

Additional context
Add any other context or screenshots about the feature request here.

You could use something like this :

  RelativeBubbleSlide(
    widgetKey: widgetKey,
    child: RelativeBubbleSlideChild(
      direction: AxisDirection.up,
      widget: Padding(
        padding: EdgeInsets.only(bottom: 2),
        child: SpeechBubble(
          nipLocation: NipLocation.BOTTOM,
          color: Colors.blue,
          child: Padding(
            padding: EdgeInsets.all(10),
            child: Text('Yo !'),
          ),
        ),
      ),
    ),
  );

@Skyost That is pretty much what I used. Did not work for me. AxisDirection.down, gave me a small margin between the widget I want to highlight and the bubble (placing the bubble below the widget)

AxisDirection.up, simply removed the margin but still places the bubble below the widget I want to hightlight

Fixed 😉