backgrounColor only effects arrow

[hellohejinyu]

Describe the bug
A clear and concise description of what the bug is.
Set the background color, only the arrow part takes effect.

To Reproduce
Steps to reproduce the behavior:

1. download example;
2. set backgroundColor to Colors.red;
3. run example;

Expected behavior
the popover is red

Screenshots

showPopover(
  context: context,
  /// change here
  bodyBuilder: (context) => const SizedBox(
    width: 200,
    height: 400,
  ),
  onPop: () => print('Popover was popped!'),
  direction: PopoverDirection.bottom,
  /// change here
  backgroundColor: Colors.red,
  width: 200,
  height: 400,
  arrowHeight: 15,
  arrowWidth: 30,
);

[hellohejinyu]

popover/lib/src/popover_item.dart

Line 75 in de64710

child: Material(child: widget.child),

I remove the Material, then it works fine.

[minikin]

@hellohejinyu Thank you for your report.
I'm sure that the Material widget is required in PopoverItem. Otherwise, we will have an exception.
Feel free to create a PR with the appropriate fix.

[socramm9]

I diden't have any issue removing the Material widget. But if it hast to stay you could use this:

child: Material(
    color: widget.backgroundColor,
    child: widget.child,
),

[minikin]

The bug was fixed in the latest version. Thank you!