menuRadius property

double? menuRadius
final

The border radius of Menu containers.

When used by FlexColorScheme the border radius of menus follows the defaultRadius until and including 10 dp. After which it stays at 10 dp. If you need a higher border radius on menus than 10 dp, you will have to explicitly override it here. It will not look very good, the highlight inside the menu will start to overflow the corners and it is not clipped along the border radius. The underlying Widget is not designed with this high border rounding in mind, which makes sense since it does not look good with too much rounding on a typically small phone menu, that the widget was designed for originally.

It will still look fairly OK with a border radius of max 12, the selected item highlight corner overflow at top and bottom is barely visible. If you configure it manually, max 12 might still be considered usable. To be on the safe side it only follows the defaultBorder to max 10.

The built-in behavior in FlexColorScheme allows it to match at low inherited default radius values, but to also stay below the usable max rounding automatically at higher global default border radius values.

If not defined and defaultRadius is undefined, defaults to 4dp based on widget default behavior, that is based on M3 Specification https://m3.material.io/components/menus/specs.

Implementation

final double? menuRadius;