Exposing clipBehavior for nested navigation

[dorklein]

The shadow is being clipped when using AutoRouter() for nested navigation and the nested page as a shadow.

Expected behavior

I'm setting the card on the page instead of AutoRouter()

// Parent page
@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Container(
          margin: const EdgeInsets.all(4),
          padding: const EdgeInsets.all(16),
          decoration: const BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(16)),
            color: Colors.white,
            boxShadow: [...],
          ),
          child: const Text('Box with shadow'),
        ),
      ),
    );
}

Actual behavior

Setting AutoRouter(), and the nested page has the card

// Nested page
@override
  Widget build(BuildContext context) {
      return Container(
          margin: const EdgeInsets.all(4),
          padding: const EdgeInsets.all(16),
          decoration: const BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(16)),
            color: Colors.white,
            boxShadow: [...],
          ),
          child: const Text('Box with shadow'),
        );
}

// Parent page
@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: AutoRouter(),
      ),
    );
}

Inspecting the AoutRouter() with the flutter devtools shows a Stack in there, I'm not sure if it's from auto_route or from Flutter Navigator.
Stack is one of a few widgets that has a Clip.hardEdge bydefault from flutter docs
There should be a way to expose and set the clipBehavior: Clip.none