Как мне добиться кнопки с нестандартной формой во флаттере

Question

Я пытаюсь реализовать пользовательский виджет, как показано на изображении выше, но пока не повезло. Вот чего я смог добиться:

Да, это не похоже на то, что нужно. Мне нужна помощь. Код, который я написал, приведен ниже;

  class _FrontLayer extends StatelessWidget {
  const _FrontLayer({
    Key key,
    this.child,
  }) : super(key: key);

  final Widget child;

  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.end,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Expanded(
          child: Material(
            child: Container(
              height: 20.0,
              color: AppColors.primary,
            ),
          ),
        ),
        Material(
          color: AppColors.primary,
          shape: BeveledRectangleBorder(
            borderRadius:
                BorderRadius.only(topLeft: Radius.elliptical(80, 80.0)),
          ),
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              SizedBox(
                height: 40.0,
                width: 80.0,
                child: Padding(
                  padding: const EdgeInsets.all(8.0),
                  child: child,
                ),
              ),
            ],
          ),
        ),
      ],
    );
  }
}