wx_anchor 1.0.1

Clickable zone within a widget that activates an interactive overlay upon touch or hover.

Clickable zone within a widget that activates an interactive overlay upon touch or hover.

Demo

Usage

To read more about classes and other references used by wx_anchor, see the API Reference.

// Rectangle shape
WxAnchor(
  onTap: () {},
  padding: const EdgeInsets.symmetric(
    horizontal: 10,
    vertical: 6,
  ),
  borderRadius: BorderRadius.circular(5),
  child: const Text('Click Here'),
)

// Circle shape
WxAnchor.circle(
  onTap: () {},
  radius: 20,
  child: const Icon(Icons.chat),
)

// Circle shape with complex interaction
WxAnchor(
  onTap: () {},
  style: const WxDrivenAnchorStyle.circle(
    radius: 0,
    hoveredStyle: WxAnchorStyle(radius: 25),
    pressedStyle: WxAnchorStyle(radius: 20),
  ),
  child: const Icon(Icons.power_off),
)

Sponsoring

If this package or any other package I created is helping you, please consider to sponsor me so that I can take time to read the issues, fix bugs, merge pull requests and add features to these packages.