Custom shape on the front layer

[milkyway044]

It would be nice to be able to change the shape of the front layer. I have a design with beveled corners like in Shrine Material theme, but now there is no way to change shape.

[milkyway044]

https://material.io/components/backdrop#theming

[daadu]

@WieFel I am surprised that this is not being implemented!

Should we generalise frontLayerBorderRadius to frontLayerShape ?? Or keep both?

I am in favour of only having frontLayerShape and deprecating frontLayerBorderRadius.

[daadu]

Looks non-trivial to just replace. frontLayerBorderRadius is used to "clip" as well - maybe to show scrim properly.

Check this code:

backdrop/lib/src/scaffold.dart

Lines 544 to 551 in e623fb8

	Widget _buildFrontPanel(BuildContext context) {
	return Material(
	color: widget.frontLayerBackgroundColor,
	elevation: widget.frontLayerElevation,
	borderRadius: widget.frontLayerBorderRadius,
	child: ClipRRect(
	borderRadius: widget.frontLayerBorderRadius,
	child: Stack(

[daadu]

Ok, looks like we can do it "clipping" based on ShapeBorder with ShapeBorderClipper

[daadu]

@milkyway044 Request you to review and test against the PR for this feature.

[WieFel]

@WieFel I am surprised that this is not being implemented!

Me too actually!

Should we generalise frontLayerBorderRadius to frontLayerShape ??

Yes LGTM

[milkyway044]

@milkyway044 Request you to review and test against the PR for this feature.

@daadu frontLayerShape is exactly what i need, thank you so much, guys!