balloon_widget 0.3.0

Provide a simple balloon widget that can be placed widget tree

balloon_widget

a simple balloon widget.

Usage

Use as a widget

Balloon(
  child: Text('Hello, Balloon!'),
);

Use as a widget which placed at the specific widget.

bool isVisible = true;

@override
Widget build(BuildContext context) {
  return PositionedBalloon( // if you want apply decoration on balloon widget, use `PositionedBalloon.decorateBuilder` widget.
    show: isVisible,
    balloon: Balloon(
      nipPosition: BalloonNipPosition.topCenter,
      child: Row(children: [
        Text("now go shopping, you got a event coin!"),
        IconButton(
            onPressed: () => setState(() => isVisible = false),
            icon: Icon(Icons.close)),
      ]),
      child: TextButton(
        onPressed: () {
          openUrl(this.goodsUrl);
          setState(() => isVisible = false);
        },
        text: Text("go shopping"),
      ),
    ),
  );
}

Use as a widget which placed at the specific widget and include button on the balloon widget.

bool isVisible = true;

@override
Widget build(BuildContext context) {
  return BalloonTapDelegator(
      child: Scaffold(
          body: ListView(
              children: [
                PositionedBalloon(
                  show: isVisible,
                  balloon: Balloon(
                    nipPosition: BalloonNipPosition.topCenter,
                    child: Row(children: [
                      Text("now go shopping, you got a event coin!"),
                      IconButton(
                          onPressed: () => setState(() => isVisible = false),
                          icon: Icon(Icons.close)),
                      ]),
                  child: TextButton(
                      onPressed: () {
                          openUrl(this.goodsUrl);
                          setState(() => isVisible = false);
                      },
                      text: Text("go shopping"),
                  ))),
  ])));
}