Const widget that provides a box-like layout with customizable elevation.

Usage

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

WxBox(
  width: 50,
  height: 50,
)

WxBox(
  color: Theme.of(context).colorScheme.surface,
  width: 50,
  height: 50,
  elevation: 2,
  shape: BoxShape.circle,
)

WxBox(
  color: Colors.amber,
  width: 50,
  height: 50,
  borderWidth: 5,
  borderStyle: BorderStyle.solid,
  borderColor: Theme.of(context).colorScheme.surface,
  borderAlign: BorderSide.strokeAlignOutside,
  shape: BoxShape.circle,
  alignment: Alignment.center,
  child: Text(
    '1',
    style: Theme.of(context).textTheme.titleLarge,
  ),
)

WxBox(
  color: Colors.amber,
  width: 150,
  height: 50,
  border: const StadiumBorder(
    side: BorderSide(
      width: 5,
      style: BorderStyle.solid,
      color: Colors.black,
      strokeAlign: BorderSide.strokeAlignOutside,
    ),
  ),
  alignment: Alignment.center,
  child: Text(
    'text',
    style: Theme.of(context).textTheme.titleLarge,
  ),
)

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.